/* Accel Peptides - ported from ref index.css; Tailwind imports stripped */

/* Design: Accel Clinical Commerce - clinical white, navy, accent blue. */

:root {
  --accel-uploads: /wp-content/uploads/accel;
  --navy: #061326;
  --navy-2: #0a2346;
  --ink: #071326;
  --slate: #52637a;
  --mist: #f4f8fd;
  --line: #dce7f1;
  --accent-blue: #81c9f4;
  --signal-blue: #2f8fcb;
  --cyan: #a6ddf9;
  --commerce: #0a3770;
  --commerce-hover: #124d8b;
  --accent-blue-soft: #edf8ff;
  --paper: #fcfdfd;
  --radius: 0.75rem;
  --background: #ffffff;
  --foreground: #0a1722;
  --card: #ffffff;
  --card-foreground: #0a1722;
  --primary: #0a2346;
  --primary-foreground: #ffffff;
  --border: #dce3e5;
  --ring: #81c9f4;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: "Manrope", sans-serif; color: var(--ink); background: #fff; }
button, input { font: inherit; }
button { border: 0; }
button:focus-visible, input:focus-visible { outline: 2px solid var(--accent-blue); outline-offset: 3px; }
button:not(:disabled), input[type="checkbox"] { cursor: pointer; }
button:disabled { cursor: not-allowed; }

.site-shell { min-width: 320px; background: #fff; }
/* overflow:clip on body locks the whole page; only clip nested shells */
div.site-shell { overflow: clip; }
body.site-shell { overflow-x: clip; overflow-y: visible; }
.content-width { width: min(100% - 48px, 1240px); margin-inline: auto; }
.skip-link { position: fixed; top: -60px; left: 1rem; z-index: 1000; background: var(--accent-blue); color: var(--navy); padding: .7rem 1rem; font: 700 .75rem/1 "DM Mono", monospace; text-decoration: none; transition: top .18s ease; }
.skip-link:focus { top: 1rem; }
.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.site-header { position: sticky; top: 0; z-index: 40; background: rgba(255,255,255,.98); border-bottom: 1px solid #dfe9ef; box-shadow: 0 1px 0 rgba(7,29,50,.02); backdrop-filter: blur(18px); }
.site-header--with-announcement { top: var(--shop-announcement-height, 58px); }
.site-header .content-width { width: min(100% - 80px, 1600px); }
.header-main { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.brand-button { padding: 0; background: transparent; display: inline-flex; }
.brand-lockup { display: inline-flex; align-items: center; line-height: 0; }
.brand-logo-image { width: 190px; height: auto; max-height: 38px; object-fit: contain; object-position: left center; }
.brand-lockup--inverse .brand-logo-image { filter: brightness(0) invert(1) grayscale(1); opacity: .94; }
.brand-logo-image--inverse { filter: brightness(0) invert(1) grayscale(1); opacity: .94; }
.desktop-nav { display: flex; align-items: center; justify-content: center; gap: 1.05rem; margin-left: auto; }
.nav-link { background: none; color: #34404a; padding: .3rem 0; font-size: .73rem; font-weight: 800; letter-spacing: -.01em; white-space: nowrap; transition: color .18s ease; }
.nav-link:hover { color: var(--signal-blue); }
.nav-link:not(button) { display: inline-block; text-decoration: none; }
.nav-link--active { color: var(--signal-blue); }
.header-actions { display: flex; align-items: center; gap: .38rem; margin-left: 1.15rem; }
.icon-button, .cart-button, .menu-button { width: 36px; height: 36px; border: 0; padding: 0; cursor: pointer; border-radius: 6px; background: transparent; color: #253640; display: inline-flex; align-items: center; justify-content: center; transition: background .16s ease, transform .16s ease; }
.icon-button:hover, .cart-button:hover, .menu-button:hover { background: var(--mist); }
.icon-button:active, .cart-button:active, .menu-button:active, .primary-button:active, .ghost-button:active, .gate-enter:active { transform: scale(.97); }
.cart-button { position: relative; }
.cart-button span { position: absolute; display: grid; place-items: center; min-width: 14px; height: 14px; padding: 0 3px; border-radius: 8px; background: var(--signal-blue); color: #fff; font: 700 .56rem/1 "DM Mono", monospace; top: 3px; right: 2px; }
.menu-button { display: none; }
.mobile-nav { display: none; }
.mobile-nav a { text-decoration: none; }
.proof-ticker { height: 36px; overflow: hidden; background: #f5f9fd; border-top: 1px solid #e7eff7; border-bottom: 1px solid #dceaf3; display: flex; align-items: center; }
.proof-ticker-track { display: flex; min-width: max-content; animation: ticker 38s linear infinite; }
.proof-ticker-track span { padding: 0 1.6rem; display: inline-flex; align-items: center; gap: .72rem; font: 500 .6rem/1 "DM Mono", monospace; letter-spacing: .055em; color: #51616d; white-space: nowrap; }
.proof-ticker-track i { display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: var(--accent-blue); }
@keyframes ticker { to { transform: translateX(-50%); } }

.hero-section { position: relative; min-height: 630px; isolation: isolate; color: #fff; display: flex; align-items: stretch; overflow: hidden; background-color: #020b1c; background-image: linear-gradient(90deg, rgba(2,11,28,.97) 0%, rgba(2,14,36,.91) 36%, rgba(2,14,35,.42) 62%, rgba(2,11,27,.15) 100%), linear-gradient(0deg, rgba(3,12,28,.68), rgba(3,12,28,.04) 58%), url("/wp-content/uploads/accel/accel-molecular-hero-navy-cyan_52e4bee1.png"); background-position: center 48%; background-size: cover; background-repeat: no-repeat; }
.hero-section .content-width { width: min(100% - 96px, 1600px); }
.hero-image { position: absolute; inset: 0; background-position: center 48%; background-size: cover; z-index: -3; transform: scale(1.01); }
.hero-wash { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(2,11,28,.97) 0%, rgba(2,14,36,.91) 36%, rgba(2,14,35,.42) 62%, rgba(2,11,27,.15) 100%), linear-gradient(0deg, rgba(3,12,28,.68), rgba(3,12,28,.04) 58%); }
.hero-grid { min-height: 630px; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(400px, .82fr); align-items: center; gap: clamp(3rem, 8vw, 10rem); padding-block: 4.65rem; }
.hero-copy { max-width: 700px; animation: rise-in .65s cubic-bezier(.23,1,.32,1) both; }
.eyebrow, .section-label, .mini-label { margin: 0; font: 500 .64rem/1.25 "DM Mono", monospace; letter-spacing: .13em; color: #52606a; }
.hero-eyebrow { color: rgba(227,244,248,.84); display: flex; align-items: center; gap: .55rem; }
.eyebrow b { color: var(--accent-blue); font-weight: 500; }
.live-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent-blue); box-shadow: 0 0 0 4px rgba(129,201,244,.16); }
.hero-copy h1 { margin: 1.15rem 0 1.4rem; max-width: 720px; font: 700 clamp(3.45rem, 5.5vw, 5.85rem)/.94 "Space Grotesk", sans-serif; letter-spacing: -.078em; }
.hero-copy h1 em { color: #fff; font-style: normal; }
.hero-copy p { max-width: 540px; margin: 0; color: rgba(237,245,247,.79); font-size: 1rem; line-height: 1.72; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .82rem; margin-top: 2rem; }
.primary-button, .ghost-button { min-height: 50px; padding: 0 1.28rem; display: inline-flex; align-items: center; justify-content: center; gap: .68rem; border-radius: 5px; font-size: .82rem; font-weight: 800; transition: transform .16s ease, background .2s ease, color .2s ease, border-color .2s ease; }
.primary-button { background: var(--commerce); color: #fff; box-shadow: 0 8px 22px rgba(10,55,112,.24); }
.primary-button:hover { background: var(--commerce-hover); }
.ghost-button { color: #fff; background: rgba(13,37,55,.4); border: 1px solid rgba(227,244,248,.3); }
.ghost-button:hover { border-color: var(--cyan); background: rgba(129,201,244,.16); }
.hero-meta { margin-top: 2rem; display: flex; flex-wrap: wrap; gap: .52rem; }
.hero-meta span { border: 1px solid rgba(194,218,224,.24); background: rgba(4,21,35,.3); padding: .5rem .65rem; display: inline-flex; align-items: center; gap: .4rem; color: rgba(228,242,245,.8); font: 400 .61rem/1.15 "DM Mono", monospace; letter-spacing: .025em; }
.hero-meta svg { color: var(--accent-blue); }
.hero-offer-card { width: 100%; max-width: 468px; justify-self: end; padding: 2.4rem 2.55rem 2.05rem; border-radius: 15px; background: linear-gradient(150deg, rgba(14,54,104,.96), rgba(4,19,44,.94)); border: 1px solid rgba(119,198,236,.24); box-shadow: 0 25px 72px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.06); animation: rise-in .65s .1s cubic-bezier(.23,1,.32,1) both; }
.made-us { width: fit-content; margin-inline: auto; border: 1px solid rgba(167,224,234,.18); color: rgba(234,247,249,.77); padding: .42rem .6rem; border-radius: 20px; font: 500 .57rem/1 "DM Mono", monospace; letter-spacing: .14em; }
.made-us span { margin-right: .3rem; }
.hero-offer-card h2 { margin: 1.35rem 0 .85rem; text-align: center; font: 700 clamp(2rem, 2.95vw, 2.62rem)/.98 "Space Grotesk", sans-serif; letter-spacing: -.07em; }
.hero-offer-card h2 em { color: #dbeeff; font-style: normal; }
.hero-offer-card p { margin: 0; text-align: center; color: rgba(228,241,244,.68); font-size: .82rem; line-height: 1.68; }
.shipping-chip { width: fit-content; margin: 1.45rem auto 1.3rem; border-radius: 18px; background: rgba(47,148,219,.3); color: #eefaff; padding: .62rem .92rem; display: flex; gap: .45rem; align-items: center; font-size: .69rem; font-weight: 700; }
.shipping-chip svg { color: var(--accent-blue); }
.offer-rule { border-top: 1px solid rgba(193,226,235,.13); }
.offer-meta { padding-top: 1.1rem; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .5rem .78rem; }
.offer-meta span { color: rgba(221,239,244,.7); font: 400 .57rem/1 "DM Mono", monospace; display: inline-flex; align-items: center; gap: .28rem; }
.offer-meta svg { color: var(--accent-blue); }

.catalog-section, .research-section, .faq-section { padding: 6.5rem 0; background: #fff; }
.section-heading { display: grid; grid-template-columns: 1fr minmax(260px, 360px); align-items: end; gap: 2rem; margin-bottom: 2.5rem; }
.section-heading--compact { margin-bottom: 2rem; }
.section-label span { color: var(--signal-blue); margin-right: .45rem; }
.section-heading h2, .research-section h2, .faq-intro h2 { margin: .75rem 0 0; color: var(--ink); font: 700 clamp(2rem, 3.6vw, 3.2rem)/1.04 "Space Grotesk", sans-serif; letter-spacing: -.065em; }
.heading-copy { margin: 0; color: #62717a; font-size: .8rem; line-height: 1.75; }
.product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; align-items: stretch; }
.product-card { position: relative; display: flex; min-width: 0; height: 100%; flex-direction: column; overflow: hidden; border: 1px solid #dbe3e8; border-top: 2px solid transparent; border-radius: 9px; background: #fff; transition: transform .22s cubic-bezier(.23,1,.32,1), box-shadow .22s ease, border-color .22s ease; }
.product-card:hover { transform: translateY(-5px); border-color: #b8d9ec; border-top-color: var(--accent-blue); box-shadow: 0 20px 30px rgba(8,28,40,.09); }
.product-card--linked { cursor: pointer; }
.product-card-link { position: absolute; z-index: 1; inset: 0; border-radius: inherit; }
.product-card-link:focus-visible { outline: 3px solid var(--accent-blue); outline-offset: -4px; }
.product-card:has(.product-card-link:focus-visible) { border-color: #79bfe8; border-top-color: var(--accent-blue); box-shadow: 0 0 0 3px rgba(129,201,244,.2), 0 18px 28px rgba(8,28,40,.08); }
.product-image { position: relative; flex: 0 0 auto; width: 100%; min-height: 0; aspect-ratio: 1; overflow: hidden; display: grid; place-items: center; background: #ececed; border-bottom: 1px solid #e5e9ef; }
.product-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .28s cubic-bezier(.23,1,.32,1); }
.product-card:hover .product-image img { transform: scale(1.035); }
.coa-badge { position: absolute; z-index: 2; right: .7rem; top: .7rem; padding: .34rem .42rem; border: 1px solid rgba(129,201,244,.56); border-radius: 3px; color: #2c6f9b; background: rgba(255,255,255,.88); display: inline-flex; align-items: center; gap: .26rem; font: 500 .58rem/1 "DM Mono", monospace; letter-spacing: .06em; }
.coa-badge span { width: 5px; height: 5px; border-radius: 50%; background: var(--accent-blue); }
.product-content { display: flex; flex: 1 1 auto; min-height: 0; flex-direction: column; padding: .95rem .9rem .9rem; }
.product-content h3 { margin: 0; color: #10212a; font: 700 .88rem/1.3 "Space Grotesk", sans-serif; letter-spacing: -.035em; display: -webkit-box; overflow: hidden; min-height: calc(1.3em * 2); -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.product-content > p { margin: .18rem 0 .67rem; color: #708089; font-size: .63rem; line-height: 1.45; display: -webkit-box; overflow: hidden; min-height: calc(1.45em * 2); -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.product-tags { display: flex; flex-wrap: wrap; gap: .3rem; min-height: 1.45rem; }
.product-tags span { padding: .25rem .38rem; border: 1px solid #e2ebeb; background: #f7fafb; color: #526c73; font: 400 .5rem/1 "DM Mono", monospace; }
.product-record { margin-top: .62rem; padding-top: .58rem; border-top: 1px solid #e8eef0; display: flex; justify-content: space-between; gap: .35rem; color: #6b7d83; font: 500 .47rem/1 "DM Mono", monospace; letter-spacing: .045em; }
.product-record span { display: inline-flex; align-items: center; gap: .24rem; white-space: nowrap; }
.product-record i { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--accent-blue); box-shadow: 0 0 0 3px rgba(129,201,244,.16); font-style: normal; }
.product-record b { color: #277db5; font-weight: 700; }
.product-price { margin: .65rem 0; display: flex; flex-direction: column; align-items: flex-start; line-height: 1; }
.product-price small { color: #7a868c; font: 500 .52rem/1.1 "DM Mono", monospace; }
.product-price strong { margin-top: .16rem; color: #172831; font: 700 1rem/1 "Space Grotesk", sans-serif; letter-spacing: -.05em; }
.catalog-card-footer { margin-top: auto; padding-top: .15rem; }
.catalog-card-footer .product-price { margin-top: .65rem; }
.card-actions { position: relative; z-index: 2; display: grid; grid-template-columns: .9fr 1.35fr; gap: .38rem; }
.card-actions button,
.card-actions a,
.card-actions .catalog-view-btn,
.card-actions .catalog-cart-btn { min-height: 31px; border-radius: 4px; font-size: .61rem; font-weight: 800; transition: transform .15s ease, background .18s ease; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: .25rem; }
.card-actions button:first-child,
.card-actions .catalog-view-btn { border: 1px solid #e1e6e7; background: #fff; color: #2a3d47; }
.card-actions button:last-child,
.card-actions .catalog-cart-btn { background: var(--commerce); color: #fff; }
.card-actions .catalog-cart-btn.is-disabled { opacity: .5; pointer-events: none; cursor: not-allowed; }
.card-actions button:hover,
.card-actions a:hover { transform: translateY(-1px); }
.card-actions button:last-child:hover,
.card-actions .catalog-cart-btn:hover { background: var(--commerce-hover); }
.section-cta { display: flex; justify-content: center; padding-top: 2.6rem; }
.primary-button--dark { background: var(--commerce); color: #fff; box-shadow: none; }
.primary-button--dark:hover { background: var(--commerce-hover); }

/* Catalog page — field-index layout with direct product discovery and no generic card-wall treatment. */
.catalog-page-shell { background: #f7fbfd; }
.catalog-hero { position: relative; overflow: hidden; padding: 5.1rem 0 4.5rem; background: #071a31; color: #fff; }
.catalog-hero::after { position: absolute; inset: 0; content: ""; pointer-events: none; background: linear-gradient(112deg, transparent 0 43%, rgba(129,201,244,.08) 43.1% 43.22%, transparent 43.32% 100%); }
.catalog-hero-ambient { position: absolute; inset: 0; opacity: .85; pointer-events: none; background-image: radial-gradient(circle at 13% 25%, rgba(129,201,244,.2) 0 1px, transparent 1.8px), radial-gradient(circle at 89% 75%, rgba(129,201,244,.13) 0 1px, transparent 1.6px), linear-gradient(90deg, rgba(129,201,244,.045) 1px, transparent 1px), linear-gradient(rgba(129,201,244,.045) 1px, transparent 1px); background-size: 155px 155px, 230px 230px, 46px 46px, 46px 46px; }
.catalog-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(270px, .55fr); gap: clamp(2rem, 7vw, 8rem); align-items: end; }
.catalog-hero-copy .section-label { color: rgba(221,239,249,.65); }
.catalog-hero-copy .section-label span { color: var(--accent-blue); margin-right: .42rem; }
.catalog-hero h1 { max-width: 720px; margin: .9rem 0 1rem; color: #fff; font: 700 clamp(2.65rem, 4.6vw, 4.7rem)/.98 "Space Grotesk", sans-serif; letter-spacing: -.074em; }
.catalog-hero h1 em { color: #fff; font-style: normal; }
.catalog-hero-copy > p:last-child { max-width: 590px; margin: 0; color: rgba(227,240,247,.74); font-size: .86rem; line-height: 1.72; }
.catalog-hero-stats { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid rgba(162,213,242,.2); background: rgba(7,32,60,.65); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
.catalog-hero-stats > div { min-height: 116px; padding: 1rem .86rem .8rem; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid rgba(162,213,242,.16); }
.catalog-hero-stats > div:last-child { border-right: 0; }
.catalog-hero-stats strong { color: var(--accent-blue); font: 700 clamp(1.35rem, 2.4vw, 2rem)/1 "Space Grotesk", sans-serif; letter-spacing: -.065em; }
.catalog-hero-stats span { color: rgba(223,240,248,.57); font: 500 .49rem/1.35 "DM Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.catalog-main-section { padding: 4.8rem 0 6.7rem; background: #f7fbfd; }
.catalog-layout { display: grid; grid-template-columns: minmax(218px, .32fr) minmax(0, 1fr); gap: clamp(1.4rem, 3.5vw, 3.2rem); align-items: start; }
.catalog-sidebar { position: sticky; top: 108px; padding: 1.05rem; border: 1px solid #d9e5ee; background: rgba(255,255,255,.94); box-shadow: 0 18px 34px rgba(15,45,69,.05); }
.catalog-sidebar-heading { display: flex; align-items: center; justify-content: space-between; gap: .8rem; color: #1e6c9c; }
.catalog-sidebar-heading .section-label { color: #52778b; }
.catalog-sidebar-heading .section-label span { color: var(--signal-blue); margin-right: .32rem; }
.catalog-sidebar > p { margin: .78rem 0 1rem; color: #667985; font-size: .65rem; line-height: 1.65; }
.category-filter-list { display: grid; border-top: 1px solid #e4edf3; }
.category-filter-list button { min-height: 41px; padding: .55rem .08rem; display: flex; align-items: center; justify-content: space-between; gap: .65rem; border-bottom: 1px solid #e4edf3; background: transparent; color: #405761; text-align: left; transition: color .16s ease, background .16s ease, padding .16s ease; }
.category-filter-list button:hover { color: #176a9c; }
.category-filter-list button.active { padding-left: .44rem; color: #104e75; background: #edf8ff; box-shadow: inset 2px 0 0 var(--signal-blue); }
.category-filter-list button > span { display: inline-flex; align-items: center; gap: .45rem; font: 600 .62rem/1.2 "Space Grotesk", sans-serif; letter-spacing: -.01em; }
.category-filter-list i { color: #89a4b2; font: 500 .44rem/1 "DM Mono", monospace; font-style: normal; letter-spacing: .06em; }
.category-filter-list button.active i { color: var(--signal-blue); }
.category-filter-list b { min-width: 18px; height: 18px; display: grid; place-items: center; border: 1px solid #d8e5ec; color: #62818f; font: 500 .46rem/1 "DM Mono", monospace; }
.category-filter-list button.active b { border-color: #b8dff5; color: #2074a7; background: #fff; }
.catalog-sidebar-note { margin-top: 1rem; padding-top: .95rem; display: grid; grid-template-columns: auto 1fr; align-items: start; gap: .5rem; border-top: 1px solid #e4edf3; color: #5f8295; }
.catalog-sidebar-note svg { margin-top: .06rem; color: var(--signal-blue); }
.catalog-sidebar-note span { font: 500 .45rem/1.48 "DM Mono", monospace; letter-spacing: .055em; }
.catalog-results-panel { min-width: 0; }
.catalog-mobile-filter { display: none; }
.catalog-filter-sheet { width: 100%; height: min(86dvh,720px); max-height: calc(100dvh - 12px); gap: 0; overflow: hidden; border: 0; border-top: 3px solid var(--signal-blue); border-radius: 14px 14px 0 0; color: #173747; background: #f7fbfd; box-shadow: 0 -24px 70px rgba(5,26,42,.28); }
.catalog-filter-sheet > [data-slot="sheet-close"] { top: .85rem; right: .85rem; width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #cbdde4; border-radius: 3px; color: #315e70; background: #fff; opacity: 1; }
.catalog-filter-sheet > [data-slot="sheet-close"]:focus-visible { outline: 3px solid rgba(49,143,196,.3); outline-offset: 2px; }
.catalog-filter-sheet-header { padding: 1.05rem 4.4rem .85rem 1rem; gap: .35rem; border-bottom: 1px solid #d6e3e8; background: #eef5f8; }
.catalog-filter-sheet-header .section-label { margin: 0; color: #567787; }
.catalog-filter-sheet-header .section-label span { color: #176b91; }
.catalog-filter-sheet-header [data-slot="sheet-title"] { color: #0e3448; font: 650 1.35rem/1.15 "Space Grotesk",sans-serif; letter-spacing: -.035em; }
.catalog-filter-sheet-header [data-slot="sheet-description"] { max-width: 460px; color: #5e7680; font-size: .75rem; line-height: 1.55; }
.catalog-filter-sheet-body { min-height: 0; padding: .85rem 1rem 1rem; overflow-y: auto; overscroll-behavior: contain; }
.catalog-filter-state { padding: .8rem; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: .85rem; border: 1px solid #cadce3; background: #fff; }
.catalog-filter-state > div:first-child { display: flex; align-items: baseline; gap: .4rem; }
.catalog-filter-state > div:first-child strong { color: #125b7d; font: 650 1.25rem/1 "Space Grotesk",sans-serif; }
.catalog-filter-state > div:first-child span { color: #5e7883; font-size: .7rem; }
.catalog-filter-active-summary { min-width: 0; display: flex; flex-wrap: wrap; gap: .32rem; }
.catalog-filter-active-summary span { max-width: 100%; padding: .26rem .38rem; overflow: hidden; border: 1px solid #d6e3e8; color: #4d6a76; background: #f6fafb; font: 700 .625rem/1.2 "DM Mono",monospace; text-overflow: ellipsis; white-space: nowrap; }
.catalog-filter-state > button { min-height: 40px; padding: .5rem .65rem; color: #17688e; background: #edf7fa; font-size: .7rem; font-weight: 800; }
.catalog-filter-state > button:disabled { color: #87989f; background: #f1f4f5; cursor: not-allowed; }
.catalog-filter-sheet-list { margin-top: .75rem; border: 1px solid #d5e2e7; border-bottom: 0; background: #fff; }
.catalog-filter-sheet-list button { min-height: 48px; padding-inline: .7rem; }
.catalog-filter-sheet-list button > span { font-size: .75rem; }
.catalog-filter-sheet-list i, .catalog-filter-sheet-list b { font-size: .625rem; }
.catalog-filter-sheet-footer { padding: .75rem 1rem calc(.75rem + env(safe-area-inset-bottom)); border-top: 1px solid #cedde3; background: #fff; }
.catalog-filter-sheet-footer > button { min-height: 48px; width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; border-radius: 3px; color: #fff; background: #0d6f99; font-size: .78rem; font-weight: 800; }
.catalog-filter-sheet-footer > button:hover { background: #095a7f; }
.catalog-results-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, 340px); gap: 1.5rem; align-items: end; padding-bottom: 1.55rem; border-bottom: 1px solid #d9e5ee; }
.catalog-results-heading .section-label { color: #5b7c8f; }
.catalog-results-heading .section-label span { color: var(--signal-blue); margin-right: .35rem; }
.catalog-results-heading h2 { margin: .66rem 0 0; color: #0a2035; font: 700 clamp(2.05rem, 3.4vw, 3.2rem)/1 "Space Grotesk", sans-serif; letter-spacing: -.072em; }
.catalog-results-heading > p { margin: 0; color: #667a88; font-size: .72rem; line-height: 1.65; }
.catalog-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, .28fr); gap: .7rem; margin: 1.15rem 0 .65rem; }
.catalog-search { min-height: 43px; padding: 0 .75rem; display: flex; align-items: center; gap: .55rem; border: 1px solid #d7e4ec; background: #fff; color: #6a8798; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.catalog-search:focus-within { border-color: #3d9fd4; box-shadow: 0 0 0 3px rgba(129,201,244,.28); background: #f7fcff; }
.catalog-search.is-highlighted { border-color: #2f8fcb; background: #f4fbff; box-shadow: 0 0 0 4px rgba(47,143,203,.22); animation: catalog-search-pulse 1.2s ease; }
.catalog-search input { width: 100%; border: 0; outline: 0; color: #1e3546; background: transparent; font-size: .7rem; }
.catalog-search input::placeholder { color: #91a3ac; }
#catalog-search, #catalog-results { scroll-margin-top: 110px; }
@keyframes catalog-search-pulse {
  0% { box-shadow: 0 0 0 2px rgba(47,143,203,.12); }
  40% { box-shadow: 0 0 0 5px rgba(47,143,203,.26); }
  100% { box-shadow: 0 0 0 4px rgba(47,143,203,.22); }
}
@media (prefers-reduced-motion: reduce) {
  .catalog-search.is-highlighted { animation: none; }
}
.catalog-sort { min-height: 43px; padding: 0 .65rem; display: flex; align-items: center; gap: .55rem; border: 1px solid #d7e4ec; background: #fff; }
.catalog-sort span { color: #7691a0; font: 500 .48rem/1 "DM Mono", monospace; letter-spacing: .08em; }
.catalog-sort select { min-width: 0; width: 100%; border: 0; outline: 0; background: transparent; color: #29414f; font: 600 .63rem/1.2 "Space Grotesk", sans-serif; }
.catalog-commerce-state { margin: 0 0 .75rem; min-height: 40px; padding: .65rem .75rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border: 1px solid #d7e4ec; background: #f4f8fb; color: #29465c; font: 600 .6rem/1.4 "DM Mono", monospace; letter-spacing: .035em; }
.catalog-commerce-state.error { border-color: #edd2cc; background: #fff7f5; color: #773b35; }
.catalog-commerce-state button { padding: .2rem 0; background: transparent; color: inherit; font: inherit; font-weight: 700; text-decoration: underline; text-underline-offset: .2em; }
.catalog-results-meta { padding: .55rem 0 .95rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: #728b98; font: 500 .49rem/1.3 "DM Mono", monospace; letter-spacing: .06em; }
.catalog-product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; }
.catalog-product-card { height: 100%; }
.catalog-product-card .product-content { display: flex; flex: 1 1 auto; min-height: 0; flex-direction: column; }
.catalog-card-category { margin-bottom: .45rem; display: flex; align-items: center; justify-content: space-between; gap: .35rem; min-height: 1.15rem; }
.catalog-card-category span { min-width: 0; overflow: hidden; color: #5c7d8f; font: 500 .44rem/1.2 "DM Mono", monospace; letter-spacing: .055em; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; }
.catalog-card-category b { flex: 0 0 auto; padding: .2rem .28rem; border: 1px solid #c8e6f8; color: #2075a7; background: #f2fbff; font: 700 .39rem/1 "DM Mono", monospace; letter-spacing: .065em; }
.catalog-product-card .product-content h3 { min-height: calc(1.3em * 2); }
.catalog-product-card .product-content > p { min-height: calc(1.45em * 2); }
.catalog-product-card .product-record { min-height: 29px; align-items: center; }
.catalog-product-card .product-record > span:last-child { max-width: 45%; overflow: hidden; text-overflow: ellipsis; }
.catalog-product-card .catalog-card-footer { margin-top: auto; }
.catalog-hero-stats { align-items: stretch; }
.catalog-hero-stats > div { height: 100%; align-items: flex-start; }
.catalog-filter-sheet { position: fixed; inset: auto 0 0; margin: 0; max-width: none; padding: 0; border: 0; }
.catalog-filter-sheet::backdrop { background: rgba(5, 26, 42, .45); }
.catalog-filter-sheet-header { position: relative; }
.catalog-filter-sheet-title { display: block; color: #0e3448; font: 650 1.35rem/1.15 "Space Grotesk", sans-serif; letter-spacing: -.035em; }
.catalog-filter-sheet-close { position: absolute; top: .85rem; right: .85rem; width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #cbdde4; border-radius: 3px; color: #315e70; background: #fff; font-size: 1.4rem; line-height: 1; }
.catalog-image-placeholder { position: relative; width: 100%; height: 100%; padding: 1rem; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; background: linear-gradient(145deg, #f3f8fb, #dde9ef); color: #39789d; text-align: center; }
.catalog-image-placeholder::before, .catalog-image-placeholder::after { position: absolute; content: ""; border: 1px solid rgba(47,143,203,.16); }
.catalog-image-placeholder::before { width: 63%; aspect-ratio: 1; transform: rotate(45deg); }
.catalog-image-placeholder::after { width: 7px; height: 7px; border-radius: 50%; background: rgba(129,201,244,.44); box-shadow: 46px -31px 0 -1px rgba(129,201,244,.26), -44px 26px 0 -1px rgba(129,201,244,.3); }
.catalog-image-placeholder svg, .catalog-image-placeholder span, .catalog-image-placeholder strong, .catalog-image-placeholder i, .catalog-plate-topline, .catalog-plate-status { position: relative; z-index: 1; }
.catalog-plate-topline { position: absolute; top: .65rem; left: .65rem; right: .65rem; display: flex; align-items: center; justify-content: space-between; color: #5e879b; font: 500 .38rem/1 "DM Mono", monospace; letter-spacing: .075em; }
.catalog-image-placeholder svg { margin-bottom: .5rem; color: #276d98; }
.catalog-image-placeholder strong { max-width: 82%; color: #174a6a; font: 700 .64rem/1.08 "Space Grotesk", sans-serif; letter-spacing: -.035em; }
.catalog-image-placeholder > span { margin-top: .28rem; color: #4a7c95; font: 600 .42rem/1.1 "DM Mono", monospace; letter-spacing: .11em; }
.catalog-image-placeholder i { margin-top: .45rem; color: #6e99ac; font: 500 .43rem/1 "DM Mono", monospace; font-style: normal; letter-spacing: .08em; }
.catalog-plate-status { position: absolute; bottom: .66rem; left: .66rem; display: inline-flex; align-items: center; gap: .28rem; color: #568095; font: 500 .37rem/1 "DM Mono", monospace; letter-spacing: .06em; }
.catalog-plate-status b { width: 4px; height: 4px; border-radius: 50%; background: var(--accent-blue); box-shadow: 0 0 0 3px rgba(129,201,244,.18); }
.catalog-empty { min-height: 340px; padding: 2.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px dashed #b8d7e8; background: #fff; color: #2a668b; text-align: center; }
.catalog-empty h3 { margin: .7rem 0 .3rem; color: #183a51; font: 700 1.2rem/1.2 "Space Grotesk", sans-serif; letter-spacing: -.045em; }
.catalog-empty p { margin: 0; color: #70838d; font-size: .68rem; }
.catalog-empty button { margin-top: 1.1rem; display: inline-flex; align-items: center; gap: .45rem; color: #1d6e9f; background: transparent; font-size: .66rem; font-weight: 800; }

.research-section { background: #f5f8fd; border-top: 1px solid #e7eef7; border-bottom: 1px solid #e7eef7; }
.area-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid #dce5e6; background: #dce5e6; gap: 1px; }
.area-card { position: relative; min-height: 260px; padding: 1.55rem; text-align: left; overflow: hidden; background: rgba(255,255,255,.98); color: var(--ink); transition: background .2s ease, transform .2s ease; }
.area-card:hover { z-index: 2; background: #f4faff; transform: translateY(-3px); box-shadow: 0 14px 25px rgba(9,40,54,.1); }
.area-meta { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.area-count { color: #afbec3; font: 600 .76rem/1 "DM Mono", monospace; letter-spacing: .08em; }
.area-index { display: block; color: #618189; font: 500 .48rem/1 "DM Mono", monospace; letter-spacing: .08em; }
.area-title-row { margin-top: 2rem; display: grid; grid-template-columns: 44px minmax(0,1fr); align-items: center; gap: .85rem; }
.area-icon { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; color: var(--signal-blue); border: 1px solid #bcd4df; background: #f4fbfd; transition: color .18s var(--ease-out),background .18s var(--ease-out),transform .18s var(--ease-out); }
.area-icon::before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  background-color: currentColor;
  -webkit-mask-image: var(--area-icon);
  mask-image: var(--area-icon);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area-icon--activity { --area-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2'/%3E%3C/svg%3E"); }
.area-icon--heart-pulse { --area-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3Cpath d='M3.22 12H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27'/%3E%3C/svg%3E"); }
.area-icon--brain { --area-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z'/%3E%3Cpath d='M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z'/%3E%3Cpath d='M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4'/%3E%3Cpath d='M17.599 6.5a3 3 0 0 0 .399-1.375'/%3E%3Cpath d='M6.003 5.125A3 3 0 0 0 6.401 6.5'/%3E%3Cpath d='M3.477 10.896a4 4 0 0 1 .585-.396'/%3E%3Cpath d='M19.938 10.5a4 4 0 0 1 .585.396'/%3E%3Cpath d='M6 18a4 4 0 0 1-1.967-.516'/%3E%3Cpath d='M19.967 17.484A4 4 0 0 1 18 18'/%3E%3C/svg%3E"); }
.area-icon--dna { --area-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10 16 1.5 1.5'/%3E%3Cpath d='m14 8-1.5-1.5'/%3E%3Cpath d='M15 2c-1.798 1.998-2.518 3.995-2.807 5.993'/%3E%3Cpath d='m16.5 10.5 1 1'/%3E%3Cpath d='m17 6-2.891-2.891'/%3E%3Cpath d='M2 15c6.667-6 13.333 0 20-6'/%3E%3Cpath d='m20 9 .891.891'/%3E%3Cpath d='M3.109 14.109 4 15'/%3E%3Cpath d='m6.5 12.5 1 1'/%3E%3Cpath d='m7 18 2.891 2.891'/%3E%3Cpath d='M9 22c1.798-1.998 2.518-3.995 2.807-5.993'/%3E%3C/svg%3E"); }
.area-icon--trending-up { --area-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 7 13.5 15.5 8.5 10.5 2 17'/%3E%3Cpolyline points='16 7 22 7 22 13'/%3E%3C/svg%3E"); }
.area-icon--sun { --area-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2'/%3E%3Cpath d='M12 20v2'/%3E%3Cpath d='m4.93 4.93 1.41 1.41'/%3E%3Cpath d='m17.66 17.66 1.41 1.41'/%3E%3Cpath d='M2 12h2'/%3E%3Cpath d='M20 12h2'/%3E%3Cpath d='m6.34 17.66-1.41 1.41'/%3E%3Cpath d='m19.07 4.93-1.41 1.41'/%3E%3C/svg%3E"); }
.area-grid > .area-card:nth-child(1) .area-icon { --area-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2'/%3E%3C/svg%3E"); }
.area-grid > .area-card:nth-child(2) .area-icon { --area-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3Cpath d='M3.22 12H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27'/%3E%3C/svg%3E"); }
.area-grid > .area-card:nth-child(3) .area-icon { --area-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z'/%3E%3Cpath d='M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z'/%3E%3Cpath d='M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4'/%3E%3Cpath d='M17.599 6.5a3 3 0 0 0 .399-1.375'/%3E%3Cpath d='M6.003 5.125A3 3 0 0 0 6.401 6.5'/%3E%3Cpath d='M3.477 10.896a4 4 0 0 1 .585-.396'/%3E%3Cpath d='M19.938 10.5a4 4 0 0 1 .585.396'/%3E%3Cpath d='M6 18a4 4 0 0 1-1.967-.516'/%3E%3Cpath d='M19.967 17.484A4 4 0 0 1 18 18'/%3E%3C/svg%3E"); }
.area-grid > .area-card:nth-child(4) .area-icon { --area-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10 16 1.5 1.5'/%3E%3Cpath d='m14 8-1.5-1.5'/%3E%3Cpath d='M15 2c-1.798 1.998-2.518 3.995-2.807 5.993'/%3E%3Cpath d='m16.5 10.5 1 1'/%3E%3Cpath d='m17 6-2.891-2.891'/%3E%3Cpath d='M2 15c6.667-6 13.333 0 20-6'/%3E%3Cpath d='m20 9 .891.891'/%3E%3Cpath d='M3.109 14.109 4 15'/%3E%3Cpath d='m6.5 12.5 1 1'/%3E%3Cpath d='m7 18 2.891 2.891'/%3E%3Cpath d='M9 22c1.798-1.998 2.518-3.995 2.807-5.993'/%3E%3C/svg%3E"); }
.area-grid > .area-card:nth-child(5) .area-icon { --area-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 7 13.5 15.5 8.5 10.5 2 17'/%3E%3Cpolyline points='16 7 22 7 22 13'/%3E%3C/svg%3E"); }
.area-grid > .area-card:nth-child(6) .area-icon { --area-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2'/%3E%3Cpath d='M12 20v2'/%3E%3Cpath d='m4.93 4.93 1.41 1.41'/%3E%3Cpath d='m17.66 17.66 1.41 1.41'/%3E%3Cpath d='M2 12h2'/%3E%3Cpath d='M20 12h2'/%3E%3Cpath d='m6.34 17.66-1.41 1.41'/%3E%3Cpath d='m19.07 4.93-1.41 1.41'/%3E%3C/svg%3E"); }
.area-card:hover .area-icon { color: #fff; background: var(--signal-blue); transform: translateX(2px); }
.area-card h3 { margin: 0; font: 700 1.38rem/1.04 "Space Grotesk", sans-serif; letter-spacing: -.052em; }
.area-card p { max-width: 310px; margin: .9rem 0 0 3.7rem; color: #5f727c; font-size: .78rem; line-height: 1.62; }
.area-link { position: absolute; left: 5.25rem; bottom: 1.45rem; display: inline-flex; align-items: center; gap: .2rem; color: #164e5e; font: 600 .67rem/1 "DM Mono", monospace; letter-spacing: .025em; }
.area-link::after {
  content: "";
  width: 15px;
  height: 15px;
  background: var(--signal-blue);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center / contain no-repeat;
}
.area-card .elementor-widget { margin: 0 !important; }
.area-card .elementor-widget-container { padding: 0 !important; }

.benchmark-section { position: relative; overflow: hidden; padding: 6.6rem 0; background: #071523; color: #fff; }
.benchmark-section::before,
.benchmark-ambient { position: absolute; inset: 0; z-index: 0; content: ""; opacity: .55; background-image: radial-gradient(circle at 9% 24%, rgba(129,201,244,.25) 0 1px, transparent 1.7px), radial-gradient(circle at 80% 60%, rgba(187,231,244,.2) 0 1px, transparent 1.5px), linear-gradient(112deg, transparent 0 45%, rgba(129,201,244,.07) 45.1% 45.25%, transparent 45.35% 100%); background-size: 170px 170px, 220px 220px, 100% 100%; pointer-events: none; }
.benchmark-layout { position: relative; z-index: 1; display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: clamp(2.5rem, 7vw, 8rem); }
.section-label--light { color: rgba(229,242,246,.67); }
.section-label--light span { color: var(--accent-blue); }
.benchmark-intro h2,
.benchmark-intro .elementor-heading-title { margin: .9rem 0 1.15rem; color: #fff; font: 700 clamp(2.3rem, 4.1vw, 4rem)/.98 "Space Grotesk", sans-serif; letter-spacing: -.07em; }
.benchmark-intro > p:not(.section-label),
.benchmark-intro .elementor-widget-html > p:not(.section-label),
.benchmark-intro .elementor-widget-container > p:not(.section-label) { max-width: 390px; margin: 0; color: rgba(222,237,242,.68); font-size: .78rem; line-height: 1.75; }
.benchmark-ruler { margin-top: 2.3rem; display: flex; align-items: center; gap: .5rem; color: rgba(200,229,235,.56); font: 500 .53rem/1 "DM Mono", monospace; letter-spacing: .1em; }
.benchmark-ruler i { display: block; width: 38px; height: 1px; background: rgba(167,219,227,.3); }
.benchmark-panel { min-width: 0; max-width: 100%; border: 1px solid rgba(188,226,235,.16); background: rgba(13,38,57,.76); box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 30px 60px rgba(0,0,0,.22); }
.benchmark-tab-shell { min-width: 0; max-width: 100%; }
.benchmark-tab-guide { display: none; }
.benchmark-tabs { display: grid; grid-template-columns: repeat(5, 1fr); border-bottom: 1px solid rgba(188,226,235,.12); }
.benchmark-tabs button { padding: 1rem .4rem .9rem; color: rgba(224,240,244,.48); background: transparent; border: 0; border-right: 1px solid rgba(188,226,235,.1); cursor: pointer; font: 500 .56rem/1 "DM Mono", monospace; letter-spacing: .04em; transition: background .18s ease, color .18s ease; }
.benchmark-tabs button:last-child { border-right: 0; }
.benchmark-tabs button:hover, .benchmark-tabs button.active { background: rgba(129,201,244,.14); color: #f4fbff; }
.benchmark-tabs button.active { box-shadow: inset 0 -2px 0 var(--accent-blue); }
.benchmark-content { min-width: 0; display: grid; grid-template-columns: 140px 1fr; padding: 2rem; animation: fade-in .22s ease both; }
.benchmark-content[hidden],
[role="tabpanel"][hidden] { display: none !important; }
.benchmark-stat { padding-right: 1.5rem; border-right: 1px solid rgba(188,226,235,.14); display: flex; flex-direction: column; justify-content: center; }
.benchmark-stat strong { color: var(--accent-blue); font: 700 2.7rem/.9 "Space Grotesk", sans-serif; letter-spacing: -.08em; }
.benchmark-stat span { margin-top: .45rem; color: rgba(223,241,245,.58); font: 400 .55rem/1.45 "DM Mono", monospace; }
.benchmark-text { min-width: 0; padding-left: 1.6rem; }
.benchmark-text .mini-label { color: var(--accent-blue); font-size: .53rem; }
.benchmark-text h3 { margin: .65rem 0 .6rem; color: #fff; font: 600 1.2rem/1.12 "Space Grotesk", sans-serif; letter-spacing: -.045em; }
.benchmark-text > p:last-child { margin: 0; color: rgba(225,240,245,.67); font-size: .69rem; line-height: 1.7; }
.benchmark-content ul { grid-column: 1 / -1; margin: 1.5rem 0 0; padding: 1rem 0 0; border-top: 1px solid rgba(188,226,235,.12); display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; list-style: none; }
.benchmark-content li { display: flex; align-items: flex-start; gap: .35rem; color: rgba(225,240,245,.69); font-size: .59rem; line-height: 1.35; }
.benchmark-content li::before {
  content: "";
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin-top: .05rem;
  background: var(--accent-blue);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat center / contain;
}
.benchmark-content li svg { flex: 0 0 auto; margin-top: .05rem; color: var(--accent-blue); }

.proof-section { padding: 6.5rem 0; background: #fff; }
.proof-layout { display: grid; grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr); align-items: start; gap: clamp(2rem, 6vw, 7rem); }
.proof-copy h2,
.proof-copy .elementor-heading-title { margin: .8rem 0 1rem; font: 700 clamp(2.2rem, 3.7vw, 3.5rem)/1 "Space Grotesk", sans-serif; letter-spacing: -.07em; color: var(--ink, #10212a); }
.proof-copy > p:last-of-type,
.proof-copy .elementor-widget-text-editor p:not(.section-label) { max-width: 360px; margin: 0; color: #607079; font-size: .76rem; line-height: 1.8; }
.proof-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; align-items: stretch; }
.proof-cards article,
.proof-cards .proof-card { position: relative; min-height: 230px; padding: 1.25rem; border: 1px solid #dde6e7; background: #fbfcfc; }
.proof-index { display: block; color: #57808a; font: 500 .48rem/1 "DM Mono", monospace; letter-spacing: .1em; text-transform: uppercase; }
.proof-icon {
  width: 39px;
  height: 39px;
  margin-top: .72rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #287eb6;
  background: #eaf7ff;
  flex: 0 0 auto;
}
.proof-icon::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: var(--proof-icon) center / contain no-repeat;
  mask: var(--proof-icon) center / contain no-repeat;
}
.proof-icon--microscope,
.proof-cards > *:nth-child(1) .proof-icon,
.proof-cards .e-con-inner > *:nth-child(1) .proof-icon {
  --proof-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 18h8'/%3E%3Cpath d='M3 22h18'/%3E%3Cpath d='M14 22a7 7 0 1 0 0-14h-1'/%3E%3Cpath d='M9 14h2'/%3E%3Cpath d='M9 12a2 2 0 0 1-2-2V6h6v4a2 2 0 0 1-2 2Z'/%3E%3Cpath d='M12 6V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3'/%3E%3C/svg%3E");
}
.proof-icon--shield-check,
.proof-cards > *:nth-child(2) .proof-icon,
.proof-cards .e-con-inner > *:nth-child(2) .proof-icon {
  --proof-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}
.proof-icon--shopping-bag,
.proof-cards > *:nth-child(3) .proof-icon,
.proof-cards .e-con-inner > *:nth-child(3) .proof-icon {
  --proof-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");
}
.proof-cards h3,
.proof-cards .elementor-heading-title { margin: 1.2rem 0 .65rem; font: 700 .98rem/1.18 "Space Grotesk", sans-serif; letter-spacing: -.04em; color: #10212a; }
.proof-cards p { margin: 0; color: #65747c; font-size: .66rem; line-height: 1.68; }
.proof-copy .coa-section-link { margin-top: 1.25rem; font-size: .64rem; }
.proof-copy .coa-section-link::before,
.proof-copy .coa-section-link::after {
  content: "";
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  background: currentColor;
  -webkit-mask: no-repeat center / contain;
  mask: no-repeat center / contain;
}
.proof-copy .coa-section-link::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}
.proof-copy .coa-section-link::after {
  width: 14px;
  height: 14px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
}

.faq-section { background: #f5f8f8; border-top: 1px solid #e7eeee; }
.faq-layout { display: grid; grid-template-columns: minmax(250px, .75fr) minmax(0, 1.25fr); gap: clamp(2rem, 7vw, 8rem); }
.faq-intro > p:not(.section-label) { margin: 1rem 0 1.25rem; max-width: 360px; color: #64727b; font-size: .74rem; line-height: 1.75; }
.text-button { padding: 0; color: #15586a; background: none; display: inline-flex; align-items: center; gap: .4rem; font-size: .68rem; font-weight: 800; }
.faq-accordion { border-top: 1px solid #d7e1e3; }
.faq-accordion [data-slot="accordion-item"] { border-color: #d7e1e3; }
.faq-accordion [data-slot="accordion-trigger"] { min-height: 65px; color: #1d303a; font: 600 .83rem/1.35 "Space Grotesk", sans-serif; text-align: left; letter-spacing: -.025em; }
.faq-accordion [data-slot="accordion-content"] { color: #66747c; font-size: .72rem; line-height: 1.75; }

.customer-testimonials-section { position: relative; overflow: hidden; padding: 5.8rem 0 6.1rem; color: #fff; background: var(--navy); }
.customer-testimonials-section::before { position: absolute; inset: 0; z-index: 0; content: ""; pointer-events: none; opacity: .62; background-image: linear-gradient(rgba(129,201,244,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(129,201,244,.045) 1px, transparent 1px), radial-gradient(circle at 87% 20%, rgba(129,201,244,.16), transparent 26%); background-size: 38px 38px, 38px 38px, auto; }
.customer-testimonials-section .content-width { position: relative; z-index: 1; }
.customer-testimonials-heading .section-label--light { color: rgba(229,242,246,.67); }
.customer-testimonials-heading .section-label span { color: var(--accent-blue); }
.customer-testimonials-heading h2 { color: #fff; }
.customer-testimonials-heading .heading-copy { color: rgba(224,239,248,.72); }
.customer-testimonials-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .85rem; }
.customer-testimonial-card { position: relative; min-height: 250px; padding: 1.55rem 1.4rem 1.35rem; display: flex; flex-direction: column; border: 1px solid rgba(168,214,241,.22); border-radius: 10px; background: linear-gradient(145deg,rgba(15,43,78,.94),rgba(6,23,48,.97)); box-shadow: 0 20px 48px rgba(0,8,20,.16),inset 0 1px 0 rgba(255,255,255,.05); }
.customer-testimonial-card::after { position: absolute; top: 0; left: 1.4rem; width: 46px; height: 2px; content: ""; background: var(--accent-blue); }
.customer-testimonial-card svg,
.customer-testimonial-quote { display: block; width: 24px; height: 24px; margin-bottom: 1.2rem; flex: 0 0 auto; color: #8dd7ef; }
.customer-testimonial-quote { background-color: #8dd7ef; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z'/%3E%3Cpath d='M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z'/%3E%3Cpath d='M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3z'/%3E%3C/svg%3E") center / contain no-repeat; }
.customer-testimonial-card blockquote { height: 100%; margin: 0; display: flex; flex-direction: column; flex: 1 1 auto; }
.customer-testimonial-card blockquote::before { display: block; width: 24px; height: 24px; margin-bottom: 1.2rem; flex: 0 0 auto; content: ""; background-color: #8dd7ef; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z'/%3E%3Cpath d='M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z'/%3E%3Cpath d='M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3z'/%3E%3C/svg%3E") center / contain no-repeat; }
.customer-testimonial-card:has(.customer-testimonial-quote) blockquote::before,
.customer-testimonial-card:has(svg) blockquote::before { display: none; }
.customer-testimonial-card blockquote p { margin: 0; color: rgba(239,248,252,.88); font: 560 .86rem/1.72 "Space Grotesk",sans-serif; }
.customer-testimonial-card footer { margin-top: auto; padding-top: 1.35rem; color: #9adff6; font: 750 .68rem/1.2 "DM Mono",monospace; letter-spacing: .045em; }
.customer-testimonials-disclosure { max-width: 920px; margin: 1.2rem auto 0; display: flex; align-items: flex-start; justify-content: center; gap: .5rem; color: rgba(211,234,247,.62); font-size: var(--read-label-compact); line-height: 1.6; text-align: center; }
.customer-testimonials-disclosure svg { flex: 0 0 auto; margin-top: .08rem; color: #8dd7ef; }
.customer-testimonials-disclosure:not(:has(svg))::before { flex: 0 0 auto; width: 16px; height: 16px; margin-top: .08rem; content: ""; background-color: #8dd7ef; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") center / contain no-repeat; }

.service-proof-section { position: relative; overflow: hidden; padding: 5.8rem 0 6.1rem; background: var(--navy); color: #fff; }
.service-proof-section::before { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: .62; background-image: linear-gradient(rgba(129,201,244,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(129,201,244,.045) 1px, transparent 1px), radial-gradient(circle at 87% 20%, rgba(129,201,244,.16), transparent 26%); background-size: 38px 38px, 38px 38px, auto; }
.service-proof-section .content-width { position: relative; }
.service-proof-heading { margin-bottom: 2rem; }
.service-proof-heading h2 { color: #fff; }
.service-proof-heading h2 em { color: #b9e6fc; font-style: normal; }
.service-proof-heading .heading-copy { color: rgba(224,239,248,.68); }
.service-proof-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .8rem; }
.service-proof-card { position: relative; min-height: 230px; padding: 1.5rem 1.35rem; border: 1px solid rgba(168,214,241,.22); border-radius: 9px; background: linear-gradient(145deg,rgba(15,43,78,.94),rgba(6,23,48,.97)); box-shadow: 0 20px 48px rgba(0,8,20,.16),inset 0 1px 0 rgba(255,255,255,.05); }
.service-proof-card::after { position: absolute; top: 0; left: 1.35rem; width: 46px; height: 2px; content: ""; background: var(--accent-blue); }
.service-proof-stat { display: block; margin: .85rem 0 1.55rem; color: #9adff6; font: 700 clamp(1.8rem,3vw,2.7rem)/1 "Space Grotesk",sans-serif; letter-spacing: -.055em; }
.service-proof-card h3 { margin: 0 0 .75rem; color: #fff; font: 700 1rem/1.2 "Space Grotesk",sans-serif; letter-spacing: -.025em; }
.service-proof-card p { margin: 0; color: rgba(224,239,248,.7); font-size: .75rem; line-height: 1.7; }
.service-proof-disclosure { max-width: 900px; margin: 1.15rem auto 0; display: flex; align-items: flex-start; justify-content: center; gap: .45rem; color: rgba(211,234,247,.58); font-size: var(--read-label-compact); line-height: 1.55; text-align: center; }
.service-proof-disclosure svg { flex: 0 0 auto; margin-top: .08rem; color: #8dd7ef; }

.first-order-offer-section { padding: 4.8rem 0; overflow: hidden; color: #fff; background: #e8f0ed; }
.first-order-offer-shell { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr); align-items: center; gap: clamp(2rem, 6vw, 5rem); padding: clamp(2rem, 4vw, 3.6rem); border: 1px solid rgba(129,205,224,.28); border-radius: 30px; overflow: hidden; background: linear-gradient(140deg,#071f39 0%,#0a3551 64%,#0d4760 100%); box-shadow: 0 26px 70px rgba(8,34,57,.18); }
.first-order-offer-shell::before { content: ""; position: absolute; z-index: -1; width: 300px; height: 300px; right: -90px; top: -140px; border-radius: 50%; background: radial-gradient(circle,rgba(114,220,235,.27),transparent 70%); }
.first-order-offer-copy { min-width: 0; }
.first-order-offer-pill { width: fit-content; min-height: 30px; margin-bottom: 1.25rem; padding: .45rem .7rem; display: inline-flex; align-items: center; gap: .45rem; border: 1px solid rgba(164,226,236,.3); border-radius: 999px; color: #b8edf2; background: rgba(147,219,230,.09); font: 750 var(--read-label-compact)/1 "DM Mono",monospace; letter-spacing: .1em; }
.first-order-offer-section h2 { margin: .75rem 0 1rem; font: 700 clamp(2.15rem,4vw,4.15rem)/.94 "Space Grotesk",sans-serif; letter-spacing: -.075em; }
.first-order-offer-section h2 em { color: #8dddea; font-style: normal; }
.first-order-offer-copy > p:last-child { max-width: 610px; margin: 0; color: rgba(234,247,249,.77); font-size: var(--read-body); line-height: 1.7; }
.first-order-offer-form,.first-order-offer-success { min-width: 0; padding: 1.15rem; display: grid; gap: .72rem; border: 1px solid rgba(190,231,238,.24); border-radius: 22px; background: rgba(1,19,34,.42); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); }
.first-order-offer-form > label:first-child { color: #c6e9ed; font: 750 var(--read-label-compact)/1.3 "DM Mono",monospace; letter-spacing: .08em; text-transform: uppercase; }
.first-order-offer-form > input { width: 100%; min-height: 52px; padding: 0 1rem; border: 2px solid transparent; border-radius: 999px; color: #102b3c; background: #f9fcfc; font: 600 .86rem/1 "Space Grotesk",sans-serif; box-shadow: 0 8px 26px rgba(0,11,22,.14); }
.first-order-offer-form > input::placeholder { color: #69808a; }
.first-order-offer-form > input[aria-invalid="true"] { border-color: #ff9f9f; }
.first-order-offer-form > button,.first-order-offer-action { width: 100%; min-height: 52px; padding: .7rem 1rem; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; border-radius: 999px; color: #061c2d; background: #8de3ec; font-size: .8rem; font-weight: 850; text-decoration: none; transition: transform .16s var(--ease-out),background .16s var(--ease-out); }
.first-order-offer-form > button:hover,.first-order-offer-action:hover { background: #b1f0f5; }
.first-order-offer-form > button:active,.first-order-offer-action:active { transform: scale(.97); }
.first-order-offer-consent { display: grid; grid-template-columns: 22px minmax(0,1fr); gap: .6rem; align-items: start; color: rgba(232,246,248,.76); cursor: pointer; }
.first-order-offer-consent input { position: absolute; opacity: 0; pointer-events: none; }
.first-order-offer-consent > span { width: 22px; height: 22px; display: grid; place-items: center; border: 1px solid rgba(178,228,236,.43); border-radius: 6px; color: transparent; background: rgba(255,255,255,.07); }
.first-order-offer-consent input:checked + span { color: #061c2d; border-color: #8de3ec; background: #8de3ec; }
.first-order-offer-consent input:focus-visible + span { outline: 3px solid rgba(141,227,236,.35); outline-offset: 2px; }
.first-order-offer-consent small { font-size: var(--read-label-compact); line-height: 1.55; }
.first-order-offer-form > p { margin: 0; color: rgba(229,244,247,.64); font-size: var(--read-label-compact); line-height: 1.5; }
.first-order-offer-form > p a { color: #a8e9ef; text-underline-offset: 3px; }
.first-order-offer-form .first-order-offer-error { min-height: 1rem; color: #ffc2c2; }
.first-order-offer-success > span { width: fit-content; display: inline-flex; align-items: center; gap: .45rem; color: #9fe9ef; font: 750 var(--read-label-compact)/1.35 "DM Mono",monospace; letter-spacing: .08em; }
.first-order-offer-success h3 { margin: 0; color: #fff; font: 650 1.35rem/1.2 "Space Grotesk",sans-serif; letter-spacing: -.04em; }
.first-order-offer-success h3 strong { color: #9deaf0; }
.first-order-offer-success p { margin: 0 0 .15rem; color: rgba(232,246,248,.78); font-size: var(--read-support); line-height: 1.6; }
.first-order-offer-success small { color: rgba(224,241,244,.62); font-size: var(--read-label-compact); line-height: 1.5; }

.site-footer { padding: 4.8rem 0 0; color: #c7d5d9; background: #06131f; }
.footer-grid { display: grid; grid-template-columns: 1.5fr .65fr .65fr .95fr; gap: 2rem; padding-bottom: 3.6rem; }
.footer-brand p { max-width: 315px; margin: 1.1rem 0 1.3rem; color: rgba(211,227,231,.56); font-size: .67rem; line-height: 1.75; }
.footer-social { display: flex; gap: .65rem; }
.footer-social span { border: 1px solid rgba(202,228,234,.17); padding: .35rem .45rem; color: rgba(210,237,241,.62); font: 400 .49rem/1 "DM Mono", monospace; letter-spacing: .06em; }
.footer-column { display: flex; flex-direction: column; align-items: flex-start; gap: .55rem; }
.footer-column h3 { margin: 0 0 .55rem; color: #f3fbfc; font: 600 .76rem/1 "Space Grotesk", sans-serif; }
.footer-column button { padding: 0; color: rgba(211,229,233,.57); background: none; font-size: .64rem; text-align: left; transition: color .18s ease; }
.footer-column button:hover { color: var(--accent-blue); }
.footer-contact p { margin: 0 0 .7rem; color: rgba(211,229,233,.57); font-size: .63rem; }
.footer-contact form { width: 100%; display: flex; border-bottom: 1px solid rgba(202,228,234,.25); }
.footer-contact input { min-width: 0; width: 100%; height: 35px; color: #fff; border: 0; background: transparent; font-size: .65rem; }
.footer-contact input::placeholder { color: rgba(211,229,233,.38); }
.footer-contact form button { width: 35px; display: grid; place-items: center; color: var(--accent-blue); }
.footer-bottom { border-top: 1px solid rgba(203,228,233,.12); padding: 1.25rem 0; display: flex; justify-content: space-between; gap: 1rem; color: rgba(211,229,233,.42); font: 400 .5rem/1.4 "DM Mono", monospace; letter-spacing: .03em; }
.footer-bottom p { margin: 0; }
.footer-bottom div { display: flex; gap: .8rem; }
.research-use-disclosure { border-top: 1px solid rgba(190,222,232,.14); }
.research-use-disclosure-inner { padding-block: 2rem; display: grid; grid-template-columns: minmax(150px,.42fr) minmax(0,1.58fr); gap: clamp(1.5rem,4vw,4.5rem); align-items: start; }
.research-use-disclosure-heading { display: grid; gap: .55rem; }
.research-use-disclosure-heading span { color: #83cce9; font: 700 .52rem/1 "DM Mono",monospace; letter-spacing: .1em; }
.research-use-disclosure-heading strong { color: #eef9fc; font: 650 1.35rem/1.1 "Space Grotesk",sans-serif; letter-spacing: -.04em; }
.research-use-disclosure-copy { display: grid; gap: .72rem; }
.research-use-disclosure-copy p { margin: 0; color: rgba(220,236,241,.66); font-size: .62rem; line-height: 1.72; }
.research-use-disclosure--checkout { color: #d8edf5; background: #061825; border-top-color: rgba(127,199,229,.22); }
.research-use-disclosure--checkout .research-use-disclosure-inner { width: min(1240px,calc(100% - 2.5rem)); }
.research-use-disclosure--checkout .research-use-disclosure-copy p { color: rgba(218,237,245,.72); }

.gate-overlay { position: fixed; z-index: 100; inset: 0; display: grid; place-items: center; padding: 1.5rem; }
.gate-backdrop { position: absolute; inset: 0; background: rgba(3,14,25,.72); backdrop-filter: blur(9px); }
.gate-card { position: relative; width: min(100%, 408px); padding: 2rem 2rem 1.55rem; display: flex; flex-direction: column; align-items: center; border-radius: 17px; background: #fff; box-shadow: 0 30px 80px rgba(0,0,0,.38); animation: gate-in .34s cubic-bezier(.23,1,.32,1) both; }
.gate-card .brand-lockup { transform: scale(.88); transform-origin: center; }
.gate-copy { margin: .95rem 0 1rem; text-align: center; }
.gate-copy .section-label { color: #5a6e78; }
.gate-copy .section-label span { color: var(--signal-blue); margin-right: .25rem; }
.gate-copy h2 { margin: .55rem 0 .55rem; color: #12242e; font: 700 1.65rem/1 "Space Grotesk", sans-serif; letter-spacing: -.055em; }
.gate-copy p:last-child { max-width: 315px; margin: 0; color: #6c7880; font-size: .71rem; line-height: 1.62; }
.gate-check { width: 100%; position: relative; padding: .75rem .75rem .75rem 2.55rem; border: 1px solid #dde6e7; border-radius: 7px; color: #45545d; font-size: .65rem; line-height: 1.5; }
.gate-check + .gate-check { margin-top: .55rem; }
.gate-check input { position: absolute; inset: 0; opacity: 0; }
.gate-check span { position: absolute; top: .8rem; left: .75rem; width: 17px; height: 17px; display: grid; place-items: center; border: 1px solid #cbd7d9; border-radius: 4px; color: #fff; transition: background .16s ease, border-color .16s ease; }
.gate-check span svg { opacity: 0; transition: opacity .16s ease; }
.gate-check input:checked + span { border-color: var(--signal-blue); background: var(--signal-blue); }
.gate-check input:checked + span svg { opacity: 1; }
.gate-check:has(input:checked) { border-color: #b9e1f5; background: #f4fbff; }
.gate-enter { width: 100%; min-height: 43px; margin-top: .85rem; display: flex; justify-content: center; align-items: center; gap: .45rem; color: #fff; border-radius: 6px; background: var(--commerce); font-size: .72rem; font-weight: 800; transition: background .18s ease, transform .16s ease, opacity .18s ease; }
.gate-enter:hover:not(:disabled) { background: var(--commerce-hover); }
.gate-enter:disabled { opacity: .35; }
.gate-leave { margin-top: .6rem; padding: .2rem; background: transparent; color: #55727d; border-bottom: 1px solid #9db2b8; font: 500 .62rem/1 "DM Mono", monospace; }
.gate-fineprint { max-width: 320px; margin: .8rem 0 0; color: #98a5aa; text-align: center; font-size: .5rem; line-height: 1.5; }

.search-overlay { position: fixed; z-index: 90; inset: 0; display: grid; place-items: start center; padding-top: 8.5rem; }
.search-dismiss { position: absolute; inset: 0; background: rgba(3,14,25,.68); backdrop-filter: blur(8px); }
.search-modal { position: relative; width: min(100% - 2rem, 570px); overflow: hidden; border: 1px solid rgba(195,227,235,.18); background: #fff; box-shadow: 0 30px 70px rgba(0,0,0,.3); animation: gate-in .26s cubic-bezier(.23,1,.32,1) both; }
.search-modal-top { padding: .9rem 1rem; border-bottom: 1px solid #e4eaeb; display: flex; align-items: center; justify-content: space-between; }
.search-modal-top button { padding: .25rem; color: #50616b; background: transparent; }
.search-field { display: flex; align-items: center; gap: .6rem; padding: 1rem; color: #5a6b73; }
.search-field input { width: 100%; border: 0; color: #152833; font: 600 1rem/1 "Space Grotesk", sans-serif; outline: none; }
.search-field input::placeholder { color: #a2afb4; }
.search-results { border-top: 1px solid #e4eaeb; min-height: 65px; }
.search-results > p { margin: 0; padding: 1rem; color: #718088; font-size: .71rem; }
.search-results button { width: 100%; padding: .9rem 1rem; border-bottom: 1px solid #edf1f2; display: flex; align-items: center; justify-content: space-between; color: #1b2c34; background: #fff; text-align: left; transition: background .16s ease; }
.search-results button:hover { background: #f4fbff; }
.search-results b { display: block; font: 700 .84rem/1.1 "Space Grotesk", sans-serif; }
.search-results small { display: block; margin-top: .2rem; color: #728189; font-size: .62rem; }

/* Product-page reminder: Accel clinical commerce uses white dossier fields, navy proof zones, and vial-label blue only for verified record signals. */
.product-page { background: #fff; }
.product-breadcrumb-band { border-bottom: 1px solid #e8eff3; background: #fff; }
.product-breadcrumbs { min-height: 52px; display: flex; align-items: center; gap: .42rem; overflow-x: auto; color: #7c8b93; font: 500 .55rem/1 "DM Mono", monospace; letter-spacing: .045em; white-space: nowrap; }
.product-breadcrumbs button, .product-breadcrumbs a { padding: 0; color: #5f737e; background: transparent; transition: color .16s ease; }
.product-breadcrumbs button:hover, .product-breadcrumbs a:hover { color: var(--signal-blue); }
.product-breadcrumbs svg { flex: 0 0 auto; color: #abc2cf; }
.product-breadcrumbs strong { color: #204157; font-weight: 700; }
.product-hero-section { padding: 2.6rem 0 4.7rem; background: linear-gradient(180deg, #fff 0%, #f6faff 100%); border-bottom: 1px solid #e4edf3; }
.product-hero-grid { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(380px, .88fr); align-items: start; gap: clamp(2rem, 5.7vw, 6.5rem); }
.product-gallery-frame { position: relative; aspect-ratio: 1; overflow: hidden; display: grid; place-items: center; border: 1px solid #dbe7ee; background: radial-gradient(circle at 50% 42%, #f9fcff 0 23%, #eaf2f8 63%, #e3eef7 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 18px 40px rgba(16,53,76,.08); }
.product-gallery-frame::before { position: absolute; inset: 1rem; content: ""; pointer-events: none; border: 1px solid rgba(97,159,198,.18); }
.product-gallery-frame::after { position: absolute; right: -11%; bottom: 6%; width: 47%; aspect-ratio: 1; content: ""; border: 1px solid rgba(129,201,244,.2); border-radius: 50%; box-shadow: 0 0 0 32px rgba(129,201,244,.05), 0 0 0 65px rgba(129,201,244,.035); }
.product-gallery-frame img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; }
.product-gallery-topline { position: absolute; z-index: 3; top: 1.4rem; left: 1.4rem; right: 1.4rem; display: flex; justify-content: space-between; gap: .75rem; color: #54778b; font: 500 .52rem/1 "DM Mono", monospace; letter-spacing: .1em; }
.product-image-coa { position: absolute; z-index: 3; right: 1.35rem; bottom: 1.35rem; min-height: 31px; padding: 0 .63rem; display: inline-flex; align-items: center; gap: .36rem; border: 1px solid rgba(45,128,181,.36); border-radius: 4px; color: #1d6a99; background: rgba(255,255,255,.88); font: 700 .54rem/1 "DM Mono", monospace; letter-spacing: .06em; transition: background .16s ease, color .16s ease; }
.product-image-coa:hover { color: #052d52; background: var(--accent-blue); }
.product-media-caption { padding: .8rem .1rem 0; display: flex; justify-content: space-between; gap: .5rem; color: #6f8796; font: 500 .49rem/1 "DM Mono", monospace; letter-spacing: .07em; }
.product-media-caption span { display: inline-flex; align-items: center; gap: .32rem; }
.product-media-caption i { width: 5px; height: 5px; border-radius: 50%; background: var(--accent-blue); box-shadow: 0 0 0 3px rgba(129,201,244,.16); }
.product-buy-panel { padding-top: .18rem; }
.product-buy-panel .section-label { color: #547281; }
.product-buy-panel .section-label span { color: var(--signal-blue); margin-right: .35rem; }
.product-title-line { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-top: .8rem; }
.product-title-line h1 { max-width: 520px; margin: 0; color: #091a2e; font: 700 clamp(2rem, 3.2vw, 3.25rem)/1 "Space Grotesk", sans-serif; letter-spacing: -.06em; }
.product-title-line > span { flex: 0 0 auto; margin-top: .45rem; padding: .34rem .46rem; border: 1px solid #b9dff4; color: #2074a7; background: #eff9ff; font: 700 .5rem/1 "DM Mono", monospace; letter-spacing: .09em; }
.product-unit-line { margin: .55rem 0 0; color: #476c83; font: 500 .62rem/1.2 "DM Mono", monospace; letter-spacing: .11em; }
.product-summary { max-width: 550px; margin: 1.15rem 0 0; color: #60737f; font-size: .82rem; line-height: 1.75; }
.product-price-line { margin: 1.5rem 0 1.1rem; display: flex; align-items: baseline; gap: .6rem; }
.product-price-line strong { color: #0c2137; font: 700 2rem/1 "Space Grotesk", sans-serif; letter-spacing: -.065em; }
.product-price-line span { color: #70818a; font: 500 .55rem/1 "DM Mono", monospace; letter-spacing: .04em; }
.product-evidence-row { padding: .75rem 0; display: flex; flex-wrap: wrap; gap: .38rem .52rem; border-top: 1px solid #dce7ee; border-bottom: 1px solid #dce7ee; }
.product-evidence-row span { display: inline-flex; align-items: center; gap: .28rem; color: #487082; font: 600 .49rem/1 "DM Mono", monospace; letter-spacing: .045em; }
.product-evidence-row svg { color: var(--signal-blue); }
.product-purchase-field { margin-top: 1.28rem; }
.product-field-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: .55rem; color: #4d626e; font: 700 .55rem/1 "DM Mono", monospace; letter-spacing: .09em; text-transform: uppercase; }
.product-field-heading small { color: var(--signal-blue); font-size: .48rem; }
.product-unit-option { width: 100%; min-height: 61px; padding: .7rem .8rem; display: flex; align-items: center; justify-content: space-between; border: 1px solid #a9d8f2; border-radius: 5px; color: #13354c; background: #f5fbff; text-align: left; transition: background .16s ease, border-color .16s ease; }
.product-unit-option:hover { background: #ecf8ff; }
.product-unit-option span { display: flex; flex-direction: column; gap: .18rem; }
.product-unit-option b { font: 700 .85rem/1 "Space Grotesk", sans-serif; letter-spacing: -.03em; }
.product-unit-option small { color: #648192; font: 500 .52rem/1 "DM Mono", monospace; letter-spacing: .04em; }
.product-unit-option svg { color: #247aae; }
.product-variant-grid { display: grid; gap: .45rem; }
.product-source-note { margin: .52rem 0 0; color: #68808e; font: 500 .5rem/1.55 "DM Mono", monospace; }
.product-pricing-field { margin-top: 1rem; }
.product-tier-options { display: grid; gap: .42rem; }
.product-tier-options button { min-height: 64px; padding: .62rem .75rem; display: grid; grid-template-columns: 18px minmax(0,1fr) auto; align-items: center; gap: .65rem; border: 1px solid #d7e3e9; border-radius: 5px; color: #27475b; background: #fff; text-align: left; transition: border-color .16s ease, background .16s ease, transform .16s ease; }
.product-tier-options button:hover { border-color: #a8cfdf; background: #f8fcff; }
.product-tier-options button.active { border-color: #4c9dca; background: #f2f9fd; box-shadow: inset 0 0 0 1px rgba(76,157,202,.12); }
.product-tier-options button:active { transform: scale(.992); }
.product-tier-options button > span:nth-child(2) { display: flex; flex-direction: column; gap: .2rem; }
.product-tier-options b { display: flex; align-items: center; gap: .42rem; color: #17364b; font: 700 .72rem/1 "Space Grotesk", sans-serif; }
.product-tier-options b em { padding: .22rem .3rem; border: 1px solid #9bcde6; border-radius: 3px; color: #1d6f9d; background: #eff9fe; font: 700 .4rem/1 "DM Mono", monospace; font-style: normal; letter-spacing: .04em; }
.product-tier-options small { color: #728894; font: 500 .47rem/1.35 "DM Mono", monospace; }
.product-tier-options strong { color: #14394f; font: 700 .71rem/1 "Space Grotesk", sans-serif; white-space: nowrap; }
.product-tier-total { display: grid; justify-items: end; gap: .16rem; }
.product-tier-total del { color: #8798a1; font: 500 .48rem/1 "DM Mono", monospace; }
.checkout-radio { width: 16px; height: 16px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid #9eb2bd; border-radius: 50%; background: #fff; }
.checkout-radio i { width: 8px; height: 8px; display: block; border-radius: 50%; background: var(--accent-blue); box-shadow: inset 0 0 0 1px rgba(6,43,74,.16); }
.product-subscription-field { margin-top: .65rem; }
.product-subscription-field > button { width: 100%; min-height: 58px; padding: .72rem .75rem; display: grid; grid-template-columns: 24px minmax(0,1fr) auto; align-items: center; gap: .65rem; border: 1px dashed #a8c9da; border-radius: 5px; color: #173f59; background: #fbfdff; text-align: left; transition: border-color .16s ease, background .16s ease; }
.product-subscription-field > button.active { border-style: solid; border-color: #4c9dca; background: #eef8fd; }
.product-subscription-unavailable { width: 100%; min-height: 58px; padding: .72rem .75rem; display: grid; grid-template-columns: 24px minmax(0,1fr); align-items: center; gap: .65rem; border: 1px dashed #b8cbd5; border-radius: 5px; color: #3b596b; background: #f8fafb; text-align: left; }
.product-subscription-unavailable .product-subscription-check { color: #3b6f8e; background: #eef6fa; }
.product-subscription-unavailable > span:nth-child(2) { display: flex; flex-direction: column; gap: .22rem; }
.product-subscription-check { width: 20px; height: 20px; display: grid; place-items: center; border: 1px solid #86b7d1; border-radius: 50%; color: transparent; background: #fff; }
.product-subscription-field > button.active .product-subscription-check { color: #062b4a; background: var(--accent-blue); }
.product-subscription-field button > span:nth-child(2) { display: flex; flex-direction: column; gap: .22rem; }
.product-subscription-field b { font: 700 .7rem/1 "Space Grotesk", sans-serif; }
.product-subscription-field small { color: #6e8592; font: 500 .47rem/1.4 "DM Mono", monospace; }
.product-subscription-field em { color: #2e7eac; font: 700 .45rem/1 "DM Mono", monospace; font-style: normal; letter-spacing: .08em; }
.product-add-button:disabled, .related-card-actions button:disabled { cursor: not-allowed; opacity: .5; box-shadow: none; }
.product-gallery-record-plate { position: relative; z-index: 1; width: 62%; aspect-ratio: .76; padding: 1.4rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; border: 1px solid #b7d3e3; background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(225,241,250,.92)); box-shadow: 0 22px 42px rgba(23,71,99,.12); color: #173d57; }
.product-gallery-record-plate::after { position: absolute; inset: .65rem; content: ""; pointer-events: none; border: 1px solid rgba(65,134,176,.22); }
.product-gallery-record-plate span { color: var(--signal-blue); font: 800 1.6rem/1 "Space Grotesk", sans-serif; }
.product-gallery-record-plate strong { max-width: 90%; font: 700 clamp(1.25rem, 3vw, 2.25rem)/.95 "Space Grotesk", sans-serif; letter-spacing: -.07em; }
.product-gallery-record-plate small { color: #607d8d; font: 600 .55rem/1.6 "DM Mono", monospace; letter-spacing: .1em; }
.product-buy-summary { margin-top: .86rem; padding: .68rem .75rem; display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; border: 1px solid #d5e4ec; border-radius: 5px; background: #f8fbfd; }
.product-buy-summary > span { display: grid; gap: .22rem; }
.product-buy-summary > span:last-child { justify-items: end; }
.product-buy-summary small { color: #66808f; font: 700 .42rem/1 "DM Mono", monospace; letter-spacing: .07em; }
.product-buy-summary b { color: #38586c; font: 600 .55rem/1.2 "DM Mono", monospace; }
.product-buy-summary del { color: #8798a1; font: 500 .5rem/1 "DM Mono", monospace; }
.product-buy-summary strong { color: #102d43; font: 700 1.05rem/1 "Space Grotesk", sans-serif; }
.product-buy-row { margin-top: .48rem; }
.product-add-button { width: 100%; min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: .42rem; border-radius: 5px; color: #fff; background: var(--commerce); box-shadow: 0 10px 20px rgba(8,54,105,.16); font-size: .71rem; font-weight: 800; transition: transform .16s ease, background .18s ease; }
.product-add-button:hover { background: var(--commerce-hover); }
.product-add-button:active { transform: scale(.98); }
.product-coa-link { margin-top: .78rem; padding: 0; display: inline-flex; align-items: center; gap: .38rem; color: #1d6d9b; background: transparent; font: 700 .62rem/1 "DM Mono", monospace; letter-spacing: .025em; }
.product-assurance-grid { margin-top: 1.25rem; padding-top: 1.1rem; border-top: 1px solid #dce7ee; display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; }
.product-assurance-grid > span { min-width: 0; display: grid; grid-template-columns: 18px 1fr; column-gap: .42rem; color: #547888; }
.product-assurance-grid svg { grid-row: span 2; margin-top: .05rem; color: var(--signal-blue); }
.product-assurance-grid b, .product-assurance-grid small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-assurance-grid b { color: #28465a; font: 700 .48rem/1 "DM Mono", monospace; letter-spacing: .055em; }
.product-assurance-grid small { margin-top: .18rem; color: #74909e; font: 500 .48rem/1 "DM Mono", monospace; }
.product-detail-section { padding: 5.4rem 0; background: #fff; }
.product-detail-layout { display: grid; grid-template-columns: minmax(250px, .74fr) minmax(0, 1.26fr); gap: clamp(2rem, 6.5vw, 7.5rem); align-items: start; }
.product-record-card { padding: 1.4rem 1.3rem 1.2rem; border: 1px solid #d6e4ec; background: #f7fbfe; box-shadow: inset 0 1px 0 rgba(255,255,255,.85); }
.product-record-card .section-label { color: #5f8090; }
.product-record-card .section-label span { color: var(--signal-blue); margin-right: .35rem; }
.product-record-card h2 { margin: .75rem 0 .8rem; color: #10293e; font: 700 clamp(1.65rem, 2.6vw, 2.5rem)/.98 "Space Grotesk", sans-serif; letter-spacing: -.07em; white-space: nowrap; }
.product-record-card h2 em, .product-related-heading h2 em { color: #10293e; font-style: normal; }
.product-proof-layout h2 em { color: #fff; font-style: normal; }
.product-record-card > p:not(.section-label) { margin: 0; color: #607783; font-size: .7rem; line-height: 1.72; }
.product-record-card dl { margin: 1.25rem 0 1.1rem; border-top: 1px solid #d6e4ec; }
.product-record-card dl > div { padding: .65rem 0; border-bottom: 1px solid #dce8ee; display: grid; grid-template-columns: .73fr 1.27fr; gap: .5rem; }
.product-record-card dt { color: #698390; font: 500 .48rem/1.4 "DM Mono", monospace; letter-spacing: .07em; text-transform: uppercase; }
.product-record-card dd { margin: 0; color: #27475b; font-size: .64rem; line-height: 1.45; }
.product-record-card button { padding: 0; display: inline-flex; align-items: center; gap: .35rem; color: #176998; background: transparent; font: 700 .6rem/1 "DM Mono", monospace; }
.product-tabs { min-width: 0; }
.product-tab-list { width: 100%; height: auto; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #d8e4ea; border-radius: 0; background: #f7fafc; }
.product-tab-trigger { min-height: 50px; height: auto; padding: .65rem .35rem; border: 0 !important; border-right: 1px solid #d8e4ea !important; border-radius: 0 !important; color: #5e747e !important; background: transparent !important; box-shadow: none !important; font: 700 .55rem/1.25 "DM Mono", monospace !important; letter-spacing: .02em; white-space: normal !important; }
.product-tab-trigger:last-child { border-right: 0 !important; }
.product-tab-trigger[data-state="active"] { color: #113a58 !important; background: #fff !important; box-shadow: inset 0 -2px 0 var(--signal-blue) !important; }
.product-tab-panel { min-height: 355px; padding: 2rem 1.9rem; border: 1px solid #d8e4ea; border-top: 0; background: #fff; animation: fade-in .22s ease both; }
.tab-kicker { margin: 0; color: #2784b8; font: 500 .52rem/1 "DM Mono", monospace; letter-spacing: .1em; }
.product-tab-panel h3 { margin: .8rem 0 .9rem; color: #142d41; font: 700 clamp(1.45rem, 2.6vw, 2rem)/1 "Space Grotesk", sans-serif; letter-spacing: -.06em; }
.product-tab-panel p:not(.tab-kicker) { max-width: 660px; margin: 0 0 .85rem; color: #5d7180; font-size: .76rem; line-height: 1.85; }
.tab-coa-button { min-height: 38px; margin-top: .55rem; padding: 0 .75rem; display: inline-flex; align-items: center; gap: .38rem; color: #fff; border-radius: 4px; background: var(--commerce); font-size: .65rem; font-weight: 800; }
.product-monographs-section { position: relative; overflow: hidden; padding: 4.9rem 0; border-top: 1px solid #e1edf4; border-bottom: 1px solid #e1edf4; background: #f4f9fd; }
.product-monographs-section::before { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: .62; background-image: linear-gradient(90deg, rgba(98,164,204,.05) 1px, transparent 1px), linear-gradient(rgba(98,164,204,.05) 1px, transparent 1px), radial-gradient(circle at 7% 18%, rgba(129,201,244,.16), transparent 22%); background-size: 42px 42px, 42px 42px, auto; }
.product-monographs-layout { position: relative; display: grid; grid-template-columns: minmax(250px, .65fr) minmax(0, 1.35fr); align-items: start; gap: clamp(2.2rem, 7vw, 8.25rem); }
.product-monographs-intro { padding-top: .25rem; }
.product-monographs-intro .section-label { color: #557889; }
.product-monographs-intro .section-label span { color: var(--signal-blue); margin-right: .35rem; }
.product-monographs-intro h2 { margin: .8rem 0 1rem; color: #102a3f; font: 700 clamp(2.15rem, 3.9vw, 3.7rem)/.98 "Space Grotesk", sans-serif; letter-spacing: -.075em; }
.product-monographs-intro h2 em { color: #102a3f; font-style: normal; }
.product-monographs-intro > p:not(.section-label) { max-width: 310px; margin: 0; color: #617986; font-size: .74rem; line-height: 1.82; }
.product-monographs-key { width: fit-content; margin-top: 1.6rem; padding: .72rem .82rem; display: flex; align-items: center; gap: .55rem; border: 1px solid #cae1ef; color: #286e99; background: rgba(255,255,255,.73); font: 700 .52rem/1.25 "DM Mono", monospace; letter-spacing: .075em; }
.product-monographs-key svg { color: var(--signal-blue); }
.product-monographs-key small { color: #7896a5; font-size: .45rem; letter-spacing: .06em; }
.product-monographs-list { display: grid; gap: 1rem; }
.product-monographs-notice { margin: 0; padding: .82rem .92rem; border: 1px solid #cbe3f1; color: #386f8e; background: #eaf7ff; font: 700 .5rem/1.55 "DM Mono", monospace; letter-spacing: .055em; }
.product-monograph-card { overflow: hidden; border: 1px solid #d6e6ef; background: #fff; box-shadow: 0 14px 28px rgba(11,52,78,.055); }
.product-monograph-card > header { min-height: 44px; padding: 0 1rem; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e1ecf2; color: #668a9d; background: #fbfdff; font: 600 .5rem/1 "DM Mono", monospace; letter-spacing: .12em; }
.product-monograph-card > header svg { color: var(--signal-blue); }
.product-monograph-card > h3 { margin: 0; padding: 1.1rem 1.2rem .95rem; color: #132f45; font: 700 clamp(1.1rem, 1.65vw, 1.45rem)/1.08 "Space Grotesk", sans-serif; letter-spacing: -.05em; }
.monograph-split { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #e1ecf2; }
.monograph-column { padding: 1.15rem 1.2rem 1.25rem; }
.monograph-column + .monograph-column { border-left: 1px solid #e1ecf2; }
.monograph-column--plain { background: #f4faff; }
.monograph-label { margin: 0 0 .65rem; color: #2784b8; font: 700 .49rem/1 "DM Mono", monospace; letter-spacing: .095em; text-transform: uppercase; }
.monograph-column > p:last-child { margin: 0; color: #5f7481; font-size: .68rem; line-height: 1.78; }
.product-monograph-notice { min-height: 48px; padding: .78rem .92rem; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .6rem; border: 1px solid #cbe3f1; color: #386f8e; background: #eaf7ff; }
.product-monograph-notice svg { color: var(--signal-blue); }
.product-monograph-notice p { margin: 0; font-size: .59rem; line-height: 1.55; }
.product-monograph-notice strong { color: #245e80; font: 700 .52rem/1 "DM Mono", monospace; letter-spacing: .05em; }
.product-monograph-notice > span { color: #4b7790; font: 600 .49rem/1 "DM Mono", monospace; letter-spacing: .05em; white-space: nowrap; }
.product-proof-band { position: relative; overflow: hidden; padding: 4.75rem 0; color: #fff; background: radial-gradient(circle at 84% 20%, rgba(65,126,174,.2), transparent 27%), #071a31; }
.product-proof-band::before { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: .78; background-image: linear-gradient(90deg, rgba(129,201,244,.075) 1px, transparent 1px), linear-gradient(rgba(129,201,244,.075) 1px, transparent 1px), radial-gradient(circle at 86% 28%, rgba(129,201,244,.2), transparent 25%); background-size: 42px 42px, 42px 42px, auto; }
.product-proof-band::after { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: .52; background-image: radial-gradient(circle, rgba(178,225,248,.72) 0 1px, transparent 1.7px), radial-gradient(circle, rgba(129,201,244,.5) 0 1px, transparent 1.7px), linear-gradient(27deg, transparent 49.7%, rgba(129,201,244,.12) 50%, transparent 50.3%), linear-gradient(-27deg, transparent 49.7%, rgba(129,201,244,.1) 50%, transparent 50.3%); background-position: 72% 25%, 88% 69%, 73% 24%, 82% 55%; background-size: 64px 64px, 88px 88px, 160px 120px, 180px 145px; mask-image: linear-gradient(90deg, transparent 28%, rgba(0,0,0,.85) 55%, rgba(0,0,0,.9) 100%); }
.product-proof-layout { position: relative; display: grid; grid-template-columns: .72fr 1.28fr; align-items: center; gap: clamp(2rem, 7vw, 8rem); }
.product-proof-layout h2 { margin: .75rem 0 0; color: #fff; font: 700 clamp(2.35rem, 4vw, 3.9rem)/.98 "Space Grotesk", sans-serif; letter-spacing: -.08em; }
.product-proof-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid rgba(177,218,242,.18); background: rgba(6,26,52,.55); }
.product-proof-grid article { min-height: 210px; padding: 1.25rem; border-right: 1px solid rgba(177,218,242,.15); }
.product-proof-grid article:last-child { border-right: 0; }
.product-proof-grid svg { color: var(--accent-blue); }
.product-proof-grid span { display: block; margin-top: .95rem; color: rgba(206,231,245,.52); font: 500 .48rem/1 "DM Mono", monospace; letter-spacing: .09em; }
.product-proof-grid h3 { margin: .8rem 0 .5rem; color: #fff; font: 700 .94rem/1.18 "Space Grotesk", sans-serif; letter-spacing: -.04em; }
.product-proof-grid p { margin: 0; color: rgba(218,237,246,.64); font-size: .63rem; line-height: 1.7; }
.product-related-section { padding: 4.9rem 0 5.25rem; background: #f6faff; }
.product-related-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: 2rem; }
.product-related-heading h2 { margin: .75rem 0 0; color: #10293e; font: 700 clamp(2rem, 3.6vw, 3.2rem)/1 "Space Grotesk", sans-serif; letter-spacing: -.07em; white-space: nowrap; }
.product-view-all { display: inline-flex; align-items: center; gap: .35rem; color: #1d638b; font: 700 .56rem/1 "DM Mono", monospace; letter-spacing: .04em; }
.product-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; }
.product-related-card { display: grid; grid-template-columns: 114px 1fr; min-height: 182px; overflow: hidden; border: 1px solid #cfdfe8; background: #fff; box-shadow: inset 0 2px 0 rgba(129,201,244,.14); transition: transform .2s ease, box-shadow .2s ease; }
.product-related-card:hover { transform: translateY(-3px); box-shadow: 0 14px 24px rgba(14,48,71,.09), inset 0 2px 0 rgba(129,201,244,.22); }
.product-related-card > div { display: grid; place-items: center; overflow: hidden; border-right: 1px solid #dce9f0; background: #eef6fb; }
.product-related-card img { width: 100%; height: 100%; object-fit: cover; }
.product-related-card section { padding: .85rem .85rem .8rem; display: flex; flex-direction: column; align-items: flex-start; }
.product-related-card section > span { color: #66899b; font: 600 .43rem/1 "DM Mono", monospace; letter-spacing: .1em; }
.product-related-card h3 { margin: .55rem 0 .32rem; color: #152d40; font: 700 .82rem/1.12 "Space Grotesk", sans-serif; letter-spacing: -.04em; }
.related-meta { margin: 0; color: #5d7e90; font: 600 .49rem/1.35 "DM Mono", monospace; letter-spacing: .02em; }
.related-meta i { display: inline-block; width: 4px; height: 4px; margin: 0 .23rem; border-radius: 50%; background: var(--accent-blue); vertical-align: middle; }
.related-proof { display: flex; flex-wrap: wrap; gap: .25rem; margin-top: .58rem; }
.related-proof span { display: inline-flex; align-items: center; gap: .2rem; padding: .24rem .28rem; border: 1px solid #d3e4ee; color: #43718a; background: #f7fbfe; font: 700 .39rem/1 "DM Mono", monospace; letter-spacing: .04em; }
.related-proof svg { color: var(--signal-blue); }
.product-related-card button { margin-top: auto; padding: .58rem 0 0; display: inline-flex; align-items: center; gap: .28rem; color: #143f5e; background: transparent; font-size: .58rem; font-weight: 800; }
.related-record-plate { width: 74%; aspect-ratio: .78; padding: .55rem; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #bad4e3; color: #20445b; background: #f8fcff; }
.related-record-plate span { color: var(--signal-blue); font: 800 .8rem/1 "Space Grotesk", sans-serif; }
.related-record-plate b { font: 700 .7rem/1 "Space Grotesk", sans-serif; letter-spacing: -.04em; }
.related-card-actions { width: 100%; margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.related-card-actions a, .related-card-actions button { margin-top: .5rem; padding: .45rem 0 0; display: inline-flex; align-items: center; gap: .25rem; color: #143f5e; background: transparent; font-size: .53rem; font-weight: 800; }
.product-missing-page { min-height: 100vh; padding: clamp(5rem, 12vw, 10rem) max(1.25rem, calc((100vw - 1180px) / 2)); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; color: #14364c; background: linear-gradient(145deg, #f7fbfe, #e9f3f9); }
.product-missing-page h1 { max-width: 740px; margin: .8rem 0 1rem; font: 700 clamp(2.5rem, 6vw, 5.5rem)/.95 "Space Grotesk", sans-serif; letter-spacing: -.08em; }
.product-missing-page > p:not(.section-label) { max-width: 560px; color: #637d8c; }
.product-missing-page > a { margin-top: 1.2rem; display: inline-flex; align-items: center; gap: .4rem; color: #fff; background: var(--commerce); padding: .75rem 1rem; font-size: .65rem; font-weight: 800; }

.related-record-plate { position: relative; width: 100%; height: 100%; min-height: 128px; padding: .62rem; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; border: 1px solid #b9d5e4; color: #194d6b; background: linear-gradient(145deg, #f7fbfe, #dfedf4); text-align: center; }
.related-record-plate::before { position: absolute; width: 70%; aspect-ratio: 1; content: ""; border: 1px solid rgba(62,140,184,.18); transform: rotate(45deg); }
.related-record-plate > * { position: relative; z-index: 1; }
.related-record-plate header { position: absolute; top: .48rem; left: .5rem; right: .5rem; display: flex; justify-content: space-between; color: #5d8599; font: 600 .34rem/1 "DM Mono", monospace; letter-spacing: .06em; }
.related-record-plate header i { font-style: normal; }
.related-record-plate svg { margin-bottom: .32rem; color: #2d81b1; }
.related-record-plate > b { max-width: 90%; color: #17435f; font: 700 .58rem/1.05 "Space Grotesk", sans-serif; }
.related-record-plate > small { margin-top: .3rem; color: #6a8fa2; font: 500 .34rem/1 "DM Mono", monospace; letter-spacing: .06em; }
.related-record-plate footer { position: absolute; bottom: .48rem; left: .5rem; display: inline-flex; align-items: center; gap: .2rem; color: #4f809a; font: 600 .31rem/1 "DM Mono", monospace; letter-spacing: .04em; }

/* Checkout reminder: clinical order dossier, laboratory white surfaces, navy actions, vial-blue state markers, and compact mono proof notes. */
.checkout-shell { min-height: 100vh; color: #18384e; background-color: #eff6fa; background-image: linear-gradient(rgba(47,126,170,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(47,126,170,.045) 1px, transparent 1px); background-size: 28px 28px; }
.checkout-header { min-height: 72px; padding: 0 max(1.25rem, calc((100vw - 1240px) / 2)); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1.2rem; border-bottom: 1px solid #d4e4ed; background: rgba(255,255,255,.94); backdrop-filter: blur(18px); }
.checkout-header > a { width: fit-content; display: block; }
.checkout-brand { display: inline-flex; align-items: center; text-decoration: none; color: #0b2c45; line-height: 0; background: transparent; }
.checkout-brand .brand-logo-image {
  width: 172px;
  max-height: 34px;
  height: auto;
  display: block;
  object-fit: contain;
  object-position: left center;
  background: transparent;
}
.checkout-header nav { display: flex; align-items: center; justify-content: center; gap: .45rem; color: #738997; font: 600 .5rem/1 "DM Mono", monospace; letter-spacing: .06em; text-transform: uppercase; }
.checkout-header nav strong { color: #155f8b; }
.checkout-header > span { justify-self: end; display: inline-flex; align-items: center; gap: .35rem; color: #356a87; font: 700 .48rem/1 "DM Mono", monospace; letter-spacing: .08em; }
.checkout-layout { width: min(1240px, calc(100% - 2.5rem)); margin: 0 auto; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(340px,.72fr); gap: clamp(2.5rem, 6vw, 6.5rem); }
.checkout-form { padding: 2.35rem 0 6rem; }
.checkout-mobile-summary-target { display: none; }
.checkout-return { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: #6c8391; font: 600 .5rem/1 "DM Mono", monospace; letter-spacing: .04em; }
.checkout-return a { display: inline-flex; align-items: center; gap: .35rem; color: #276f99; }
.checkout-title { margin: 2.2rem 0 1.45rem; }
.checkout-title h1 { margin: .55rem 0 .55rem; color: #082d49; font: 700 clamp(2.7rem, 5vw, 4.8rem)/.9 "Space Grotesk", sans-serif; letter-spacing: -.085em; }
.checkout-title > p:last-child { max-width: 620px; margin: 0; color: #637e8d; font-size: .7rem; line-height: 1.7; }
.checkout-addon { width: 100%; min-height: 74px; padding: .65rem .8rem; display: grid; grid-template-columns: 18px 50px minmax(0,1fr) auto; align-items: center; gap: .75rem; border: 1px solid #73abd0; border-radius: 5px; color: #174763; background: #f4faff; text-align: left; transition: transform .16s ease, background .16s ease; }
.checkout-addon:hover { background: #eaf6fc; }
.checkout-addon:active { transform: scale(.992); }
.checkout-addon.active { opacity: .72; }
.checkout-addon img, .checkout-addon-plate { width: 50px; height: 50px; object-fit: cover; display: grid; place-items: center; border: 1px solid #c9dfe9; background: #fff; }
.checkout-addon-plate { padding: .25rem; grid-template-rows: auto auto; color: #1a6088; text-align: center; }
.checkout-addon-plate small { font: 800 .55rem/1 "Space Grotesk", sans-serif; }
.checkout-addon-plate b { font: 600 .26rem/1.2 "DM Mono", monospace; }
.checkout-addon > span:nth-child(3) { min-width: 0; display: grid; gap: .18rem; }
.checkout-addon small { color: #4f84a3; font: 700 .43rem/1 "DM Mono", monospace; letter-spacing: .08em; }
.checkout-addon b { color: #173c55; font: 700 .66rem/1.1 "Space Grotesk", sans-serif; }
.checkout-addon em { color: #457b99; font: 600 .49rem/1 "DM Mono", monospace; font-style: normal; }
.checkout-form-section { margin-top: 1.3rem; padding: 1.2rem; border: 1px solid #d4e4ed; border-radius: 5px; background: rgba(255,255,255,.9); box-shadow: 0 12px 28px rgba(19,73,103,.045); }
.checkout-section-heading { margin-bottom: 1rem; display: flex; align-items: center; gap: .7rem; }
.checkout-section-heading > span { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; color: #062b4a; background: var(--accent-blue); font: 700 .48rem/1 "DM Mono", monospace; }
.checkout-section-heading h2 { margin: 0; color: #173a51; font: 700 1rem/1 "Space Grotesk", sans-serif; letter-spacing: -.035em; }
.checkout-section-heading p { margin: .25rem 0 0; color: #758a96; font-size: .53rem; }
.checkout-fields { display: grid; grid-template-columns: 1fr 1fr; gap: .62rem; }
.checkout-field { min-width: 0; display: grid; gap: .35rem; }
.checkout-field--full { grid-column: 1 / -1; }
.checkout-field > span { color: #526f80; font: 600 .48rem/1 "DM Mono", monospace; letter-spacing: .04em; text-transform: uppercase; }
.checkout-field em { color: #969c95; font-style: normal; text-transform: none; }
.checkout-field input, .checkout-field select { width: 100%; min-height: 43px; padding: 0 .75rem; border: 1px solid #c4d7e1; border-radius: 4px; color: #17384e; background: #fff; font: 500 .66rem/1 "Space Grotesk", sans-serif; outline: none; transition: border-color .16s ease, box-shadow .16s ease; }
.checkout-field input:focus, .checkout-field select:focus { border-color: #4c9dca; box-shadow: 0 0 0 3px rgba(76,157,202,.12); }
.checkout-select { position: relative; }
.checkout-select svg { position: absolute; right: .7rem; bottom: 15px; color: #667268; pointer-events: none; }
.checkout-select select { appearance: none; }
.checkout-payment-options { display: grid; gap: .55rem; }
.checkout-payment-options > button { min-height: 64px; padding: .7rem .75rem; display: grid; grid-template-columns: 18px 22px minmax(0,1fr) auto; align-items: center; gap: .65rem; border: 1px solid #c8d9e2; border-radius: 4px; color: #476779; background: #fff; text-align: left; transition: border-color .16s ease, background .16s ease; }
.checkout-payment-options > button.active { border-color: #4c9dca; background: #f1f9fd; box-shadow: inset 0 0 0 1px rgba(76,157,202,.1); }
.checkout-payment-options button > span:nth-child(3) { display: flex; flex-direction: column; gap: .22rem; }
.checkout-payment-options b { color: #183c54; font: 700 .68rem/1 "Space Grotesk", sans-serif; }
.checkout-payment-options small { color: #708896; font: 500 .48rem/1 "DM Mono", monospace; }
.checkout-payment-options em { color: #2f7da9; font: 700 .42rem/1 "DM Mono", monospace; font-style: normal; letter-spacing: .07em; }
.checkout-handoff-note { margin-top: .65rem; padding: .65rem .72rem; display: flex; align-items: flex-start; gap: .55rem; border: 1px solid #c8e0ed; border-radius: 4px; color: #587486; background: #eef8fd; }
.checkout-handoff-note svg { flex: 0 0 auto; color: #2e82b1; }
.checkout-handoff-note p { margin: 0; font-size: .54rem; line-height: 1.55; }
.checkout-handoff-note b { color: #234c65; }
.checkout-readiness-refresh { width: 100%; min-height: 42px; margin-top: .55rem; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; border: 1px solid #9ec2d6; border-radius: 4px; color: #225f7d; background: #f7fbfd; font: 700 .58rem/1 "DM Mono", monospace; letter-spacing: .04em; transition: border-color .16s ease, background .16s ease, transform .16s ease; }
.checkout-readiness-refresh:hover:not(:disabled) { border-color: #4c9dca; background: #eef8fd; }
.checkout-readiness-refresh:active:not(:disabled) { transform: scale(.99); }
.checkout-readiness-refresh:focus-visible { outline: 2px solid #2e82b1; outline-offset: 2px; }
.checkout-readiness-refresh:disabled { cursor: wait; opacity: .7; }
.checkout-availability-status { margin: 1rem 0 0; padding: .7rem .8rem; display: flex; align-items: flex-start; gap: .5rem; border: 1px solid #9ec2d6; border-radius: 4px; color: #225f7d; background: #f3f9fc; font: 600 .56rem/1.55 "DM Mono", monospace; }
.checkout-availability-status svg { flex: 0 0 auto; margin-top: .06rem; color: #2e82b1; }
.checkout-availability-status span { min-width: 0; }
.checkout-consent { margin-top: 1rem; display: grid; grid-template-columns: 18px 1fr; align-items: start; gap: .6rem; cursor: pointer; }
.checkout-consent input { position: absolute; opacity: 0; pointer-events: none; }
.checkout-consent > span { width: 18px; height: 18px; display: grid; place-items: center; border: 1px solid #aeb8ae; border-radius: 3px; color: transparent; background: #fff; }
.checkout-consent input:checked + span { color: #062b4a; border-color: #5aa7d0; background: var(--accent-blue); }
.checkout-consent p { margin: 0; color: #607987; font-size: .56rem; line-height: 1.6; }
.checkout-submit { width: 100%; min-height: 48px; margin-top: 1rem; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; border-radius: 4px; color: #fff; background: var(--commerce); font-size: .68rem; font-weight: 800; transition: background .16s ease, transform .16s ease; }
.checkout-submit:hover { background: #083b61; }
.checkout-submit:active { transform: scale(.99); }
.checkout-submit-caption { margin: .55rem 0 0; color: #80877f; text-align: center; font: 500 .46rem/1.4 "DM Mono", monospace; }
.checkout-summary { padding: 2.35rem 0 5rem; }
.mobile-order-summary-disclosure, .mobile-order-summary-details { display: contents; }
.mobile-order-summary-toggle { display: none; }
.checkout-summary-card { position: sticky; top: 1.4rem; padding: 1rem; border: 1px solid #cbdde7; border-radius: 5px; background: #fff; box-shadow: 0 18px 45px rgba(18,69,99,.09); }
.checkout-summary-heading { padding-bottom: .8rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #dcded7; }
.checkout-summary-heading p { margin: 0; color: #17394f; font: 700 .92rem/1 "Space Grotesk", sans-serif; }
.checkout-summary-heading span { color: #5d8297; font: 700 .44rem/1 "DM Mono", monospace; letter-spacing: .08em; }
.checkout-lines { display: grid; }
.checkout-line { padding: .8rem 0; display: grid; grid-template-columns: 58px minmax(0,1fr) auto; align-items: start; gap: .7rem; border-bottom: 1px solid #e0e2dc; }
.checkout-line-image { position: relative; width: 58px; height: 58px; display: grid; place-items: center; border: 1px solid #c9dce6; border-radius: 4px; background: #eef6fa; }
.checkout-line-image img { width: 100%; height: 100%; object-fit: cover; }
.checkout-line-image > span { color: #2d759d; font: 800 .9rem/1 "Space Grotesk", sans-serif; }
.checkout-line-plate { padding: .2rem; display: grid; gap: .15rem; text-align: center; }
.checkout-line-plate small { font: 800 .55rem/1 "Space Grotesk", sans-serif; }
.checkout-line-plate em { font: 600 .25rem/1.2 "DM Mono", monospace; font-style: normal; }
.checkout-line-image > b { position: absolute; top: -7px; right: -7px; width: 19px; height: 19px; display: grid; place-items: center; border-radius: 50%; color: #062b4a; background: var(--accent-blue); font: 700 .45rem/1 "DM Mono", monospace; }
.checkout-line h3 { margin: .05rem 0 .2rem; color: #263229; font: 700 .66rem/1.15 "Space Grotesk", sans-serif; }
.checkout-line p { margin: 0; color: #7b847c; font: 500 .46rem/1.35 "DM Mono", monospace; }
.checkout-line .checkout-line-savings { margin-top: .2rem; color: #247aa7; font-weight: 700; }
.checkout-line > strong { color: #303a31; font: 700 .63rem/1 "Space Grotesk", sans-serif; white-space: nowrap; }
.checkout-line-controls { margin-top: .45rem; display: flex; align-items: center; width: fit-content; border: 1px solid #d3d9d2; border-radius: 4px; background: #fff; }
.checkout-line-controls button, .checkout-line-controls output { width: 27px; height: 24px; display: grid; place-items: center; color: #5d6c61; background: transparent; }
.checkout-line-controls output { width: 24px; border-inline: 1px solid #e0e4df; font: 700 .48rem/1 "DM Mono", monospace; }
.checkout-line-controls button:last-child { margin-left: .2rem; border-left: 1px solid #e0e4df; color: #95635b; }
.checkout-line-bogo-label { display: block; margin-top: .28rem; color: #14769a; font: 700 .46rem/1.35 "DM Mono", monospace; letter-spacing: .045em; text-transform: uppercase; }
.checkout-coupon { padding: .8rem 0; display: grid; grid-template-columns: 1fr auto; gap: .5rem; border-bottom: 1px solid #dfe1dc; }
.checkout-coupon input { min-width: 0; height: 38px; padding: 0 .65rem; border: 1px solid #ced4cc; border-radius: 5px; color: #273128; background: #fff; outline: none; font-size: .6rem; }
.checkout-coupon button { padding: 0 .85rem; border-radius: 4px; color: #fff; background: var(--commerce); font-size: .55rem; font-weight: 800; border: 0; cursor: pointer; }
.checkout-coupon.is-active input { border-color: #6db4d1; background: #f4fbfe; }
.checkout-coupon.is-error input { border-color: #c87a7a; background: #fff7f7; }
.checkout-coupon-note { margin: -.15rem 0 .7rem; color: #216b54; font-size: .6rem; font-weight: 700; line-height: 1.45; }
.checkout-coupon-note.is-error { color: #8a3a3a; }
.checkout-totals .checkout-savings-value,
.checkout-totals [data-total-discount] { color: #1f739f; font-weight: 800; }
.checkout-totals [data-total-discount-code] { margin-left: .25rem; color: #8d958d; font: 500 .42rem/1 "DM Mono", monospace; }
.checkout-shipping { padding: .85rem 0; border-bottom: 1px solid #dfe1dc; }
.checkout-shipping > p { margin: 0 0 .55rem; color: #4b574e; font: 700 .52rem/1 "DM Mono", monospace; letter-spacing: .05em; text-transform: uppercase; }
.checkout-shipping > button { width: 100%; min-height: 47px; padding: .5rem .58rem; display: grid; grid-template-columns: 16px 1fr auto; align-items: center; gap: .55rem; border: 1px solid transparent; border-radius: 5px; color: #536055; background: transparent; text-align: left; }
.checkout-shipping > button.active { border-color: #86b9d5; background: #f1f9fd; }
.checkout-shipping button > span:nth-child(2) { display: flex; flex-direction: column; gap: .2rem; }
.checkout-shipping b { color: #313e34; font-size: .57rem; }
.checkout-shipping small { color: #7d867e; font-size: .45rem; }
.checkout-shipping strong { color: #37483c; font: 700 .5rem/1 "DM Mono", monospace; }
.checkout-totals { margin: 0; padding: .75rem 0; display: grid; gap: .5rem; }
.checkout-totals > div { display: flex; justify-content: space-between; gap: 1rem; color: #657066; font-size: .57rem; }
.checkout-totals dt, .checkout-totals dd { margin: 0; }
.checkout-totals .checkout-savings-value { color: #1f739f; font-weight: 800; }
.checkout-totals > div:last-child { padding-top: .65rem; border-top: 1px solid #dfe1dc; color: #27332b; font-size: .72rem; font-weight: 800; }
.checkout-totals dt small { margin-left: .25rem; color: #8d958d; font: 500 .42rem/1 "DM Mono", monospace; }
.cart-drawer-root[hidden] { display: none !important; }
.cart-drawer-root { position: fixed; inset: 0; z-index: 80; }
.cart-drawer-overlay { position: absolute; inset: 0; background: rgba(6, 19, 38, .52); opacity: 0; transition: opacity .28s ease; }
.cart-drawer-root.is-open .cart-drawer-overlay { opacity: 1; }
.cart-drawer {
  position: absolute; top: 0; right: 0; bottom: 0;
  width: min(440px, 100vw) !important; max-width: 440px !important;
  display: flex; flex-direction: column; gap: 0 !important;
  border-left: 1px solid #b9d6e5 !important; color: #17354a; background: #f7fbfd !important;
  box-shadow: -22px 0 55px rgba(5,34,57,.2) !important;
  transform: translateX(100%); transition: transform .32s cubic-bezier(.23, 1, .32, 1);
}
.cart-drawer-root.is-open .cart-drawer { transform: translateX(0); }
.cart-drawer-close {
  position: absolute; top: 1.2rem; right: 1.2rem; z-index: 2;
  width: 30px; height: 30px; display: grid; place-items: center;
  border: 1px solid #bfd7e4; border-radius: 50%; color: #315d75; background: #fff; cursor: pointer;
}
.cart-drawer-close:hover { background: #edf6fa; }
.cart-drawer-header { display: flex; flex-direction: column; padding: 1.3rem 3.9rem 1.15rem 1.25rem !important; gap: .38rem !important; border-bottom: 1px solid #cfdee7; background: #fff; flex: 0 0 auto; }
.cart-drawer-confirmation { width: fit-content; display: inline-flex; align-items: center; gap: .35rem; color: #1d729f; font: 800 .48rem/1 "DM Mono", monospace; letter-spacing: .09em; }
.cart-drawer-confirmation svg { width: 14px; height: 14px; padding: 2px; border-radius: 50%; color: #fff; background: #2f8fcb; box-sizing: content-box; }
.cart-drawer-header [data-slot="sheet-title"],
.cart-drawer-header h2 { margin: .2rem 0 0; color: #0a2135; font: 700 1.5rem/1 "Space Grotesk", sans-serif; letter-spacing: -.055em; }
.cart-drawer-header [data-slot="sheet-description"],
.cart-drawer-header > p { max-width: 310px; margin: 0; color: #677f8d; font-size: .66rem; line-height: 1.55; }
.cart-drawer-body { padding: 1.15rem 1.25rem; display: grid; gap: .9rem; overflow-y: auto; flex: 1 1 auto; min-height: 0; }
.cart-drawer-items { display: grid; gap: .7rem; }
.cart-drawer-added-record, .cart-drawer-line-record { padding: .85rem; display: grid; grid-template-columns: 82px minmax(0,1fr) auto; align-items: start; gap: .8rem; border: 1px solid #c8dee9; border-radius: 5px; background: #fff; box-shadow: 0 12px 28px rgba(20,73,101,.07); }
.cart-drawer-image { position: relative; width: 82px; height: 82px; display: grid; place-items: center; overflow: hidden; border: 1px solid #d3e2e9; border-radius: 4px; background: #edf6fa; }
.cart-drawer-image img { width: 100%; height: 100%; object-fit: cover; }
.cart-drawer-image > span { padding: .4rem; display: grid; justify-items: center; gap: .3rem; color: #2b7298; text-align: center; }
.cart-drawer-image > span small { font: 800 .8rem/1 "Space Grotesk", sans-serif; }
.cart-drawer-image > span b { font: 600 .34rem/1.3 "DM Mono", monospace; }
.cart-drawer-image > em { position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; color: #082b47; background: var(--accent-blue); font: 800 .48rem/1 "DM Mono", monospace; font-style: normal; }
.cart-drawer-record-copy { min-width: 0; }
.cart-drawer-record-copy p { margin: .1rem 0 .4rem; color: #5f8498; font: 700 .38rem/1.2 "DM Mono", monospace; letter-spacing: .06em; }
.cart-drawer-record-copy h3 { margin: 0; color: #10283b; font: 700 .78rem/1.15 "Space Grotesk", sans-serif; }
.cart-drawer-record-copy > span, .cart-drawer-record-copy > small { display: block; margin-top: .32rem; color: #68808d; font: 500 .44rem/1.35 "DM Mono", monospace; }
.cart-drawer-record-copy > small { color: #2477a4; font-weight: 700; }
.cart-drawer-bogo-label { display: block; margin-top: .34rem; color: #14769a; font: 700 .42rem/1.35 "DM Mono", monospace; letter-spacing: .045em; text-transform: uppercase; }
.cart-drawer-added-price { display: grid; justify-items: end; gap: .2rem; }
.cart-drawer-added-price del { color: #8597a1; font: 500 .44rem/1 "DM Mono", monospace; }
.cart-drawer-added-price strong { color: #102b40; font: 700 .76rem/1 "Space Grotesk", sans-serif; white-space: nowrap; }
.cart-drawer-added-price span { padding: .2rem .28rem; border: 1px solid #a8d3e8; border-radius: 3px; color: #1f739f; background: #eff9fe; font: 800 .35rem/1 "DM Mono", monospace; }
.cart-drawer-line-controls { grid-column: 2 / -1; min-height: 32px; display: flex; align-items: center; gap: .55rem; }
.cart-drawer-stepper { display: inline-flex; align-items: center; overflow: hidden; border: 1px solid #b8d5e4; border-radius: 4px; background: #f9fcfe; }
.cart-drawer-stepper button, .cart-drawer-stepper output { width: 30px; height: 30px; display: grid; place-items: center; color: #225d7d; background: transparent; }
.cart-drawer-stepper button { transition: background .16s ease, color .16s ease, transform .16s ease; }
.cart-drawer-stepper button:hover:not(:disabled) { color: #0d3650; background: #e7f5fc; }
.cart-drawer-stepper button:active:not(:disabled) { transform: scale(.94); }
.cart-drawer-stepper button:disabled { color: #9ab6c5; opacity: .55; }
.cart-drawer-stepper output { width: 26px; border-inline: 1px solid #d5e4eb; color: #123a53; font: 800 .58rem/1 "DM Mono", monospace; }
.cart-drawer-line-controls > span { color: #5e7c8d; font: 700 .4rem/1.25 "DM Mono", monospace; letter-spacing: .04em; text-transform: uppercase; }
.cart-drawer-remove { width: 30px; height: 30px; margin-left: auto; display: grid; place-items: center; border: 1px solid #d7e3e8; border-radius: 4px; color: #8d5e5a; background: #fff; transition: border-color .16s ease, background .16s ease, color .16s ease; }
.cart-drawer-remove:hover { border-color: #d4aaa4; color: #713d3a; background: #fff7f6; }
.cart-drawer-record-fallback { min-height: 148px; padding: 1.4rem 1rem; display: grid; place-items: center; gap: .55rem; border: 1px dashed #b8d5e4; border-radius: 8px; color: #557686; background: #fff; }
.cart-drawer-record-fallback p { margin: 0; font-size: .68rem; }
.cart-drawer-record-fallback[hidden], .cart-drawer-items[hidden],
.cart-drawer-shipping-progress[hidden], .cart-drawer-domestic-shipping[hidden],
.cart-drawer-ledger p[hidden], .cart-drawer-checkout[hidden],
.cart-drawer-checkout[data-cart-checkout-disabled][hidden] { display: none !important; }
.cart-drawer-ledger { padding: .2rem .85rem; border: 1px solid #cedfe8; border-radius: 5px; background: #fff; }
.cart-drawer-ledger p { min-height: 44px; margin: 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #e1e9ed; color: #5c7785; font: 600 .47rem/1 "DM Mono", monospace; letter-spacing: .03em; }
.cart-drawer-ledger p:last-child { border-bottom: 0; }
.cart-drawer-ledger p > span { display: inline-flex; align-items: center; gap: .38rem; }
.cart-drawer-ledger b { color: #1f719d; }
.cart-drawer-ledger .cart-drawer-subtotal { min-height: 54px; color: #17364b; font-family: "Space Grotesk", sans-serif; font-size: .7rem; letter-spacing: 0; }
.cart-drawer-shipping-progress { padding: .9rem .9rem .82rem; border: 1px solid #173f6b; border-radius: 6px; color: #f4fbff; background: linear-gradient(135deg, #092749 0%, #0d4777 100%); box-shadow: 0 10px 22px rgba(8,43,78,.18); }
.cart-drawer-shipping-progress-copy { display: grid; gap: .32rem; }
.cart-drawer-shipping-progress-copy span { color: #9edfff; font: 700 .48rem/1 "DM Mono", monospace; letter-spacing: .085em; }
.cart-drawer-shipping-progress-copy b { color: #fff; font: 700 .74rem/1.25 "Space Grotesk", sans-serif; }
.cart-drawer-shipping-progress-track { position: relative; height: 7px; margin-top: .9rem; overflow: visible; border-radius: 999px; background: rgba(211,241,255,.22); }
.cart-drawer-shipping-progress-track i { position: absolute; inset: 0 auto 0 0; min-width: 7px; border-radius: inherit; background: #7dd9ff; box-shadow: 0 0 12px rgba(125,217,255,.66); transition: width .22s var(--ease-out); }
.cart-drawer-shipping-progress-track span { position: absolute; top: 50%; width: 24px; height: 24px; display: grid; place-items: center; border: 2px solid #d6f4ff; border-radius: 999px; color: #082849; background: #8ee2ff; box-shadow: 0 3px 9px rgba(0,0,0,.24); transform: translate(-50%, -50%); transition: left .22s var(--ease-out); }
.cart-drawer-shipping-progress-labels { margin-top: .58rem; display: flex; justify-content: space-between; gap: .6rem; color: rgba(230,249,255,.76); font: 600 .42rem/1.3 "DM Mono", monospace; letter-spacing: .025em; }
.cart-drawer-domestic-shipping { padding: .75rem .82rem; display: flex; align-items: center; gap: .58rem; border: 1px solid #c7e1ef; border-radius: 5px; color: #286985; background: #f0f9fd; }
.cart-drawer-domestic-shipping > svg { flex: 0 0 auto; color: #267aa6; }
.cart-drawer-domestic-shipping > span { display: grid; gap: .16rem; }
.cart-drawer-domestic-shipping small { color: #4f8095; font: 700 .43rem/1 "DM Mono", monospace; letter-spacing: .075em; }
.cart-drawer-domestic-shipping b { color: #17445e; font: 700 .67rem/1.32 "Space Grotesk", sans-serif; }
.cart-drawer--shop { z-index: 71 !important; }
.cart-drawer-overlay--shop { z-index: 70 !important; }
.cart-drawer-subtotal strong { color: #0a263d; font-size: 1.05rem; }
.cart-drawer-protection { width: 100%; min-height: 78px; padding: .7rem; display: grid; grid-template-columns: 20px minmax(0,1fr) auto 34px; align-items: center; gap: .55rem; border: 1px solid #bcdbea; border-radius: 5px; color: #2677a2; background: #eef8fd; text-align: left; transition: border-color .16s ease, background .16s ease, transform .16s ease; }
.cart-drawer-protection:hover { border-color: #79b8d8; background: #e8f6fc; }
.cart-drawer-protection:active { transform: scale(.99); }
.cart-drawer-protection.active { border-color: #2482af; background: #e2f5ff; }
.cart-drawer-protection-copy { min-width: 0; display: grid; gap: .14rem; }
.cart-drawer-protection-copy small { color: #397a9a; font: 800 .36rem/1 "DM Mono", monospace; letter-spacing: .08em; }
.cart-drawer-protection-copy b { color: #15374d; font: 700 .63rem/1.1 "Space Grotesk", sans-serif; }
.cart-drawer-protection-copy > span { color: #66818f; font-size: .47rem; line-height: 1.35; }
.cart-drawer-protection > strong { color: #15374d; font: 700 .66rem/1 "Space Grotesk", sans-serif; white-space: nowrap; }
.cart-drawer-protection-switch { width: 32px; height: 18px; padding: 2px; display: flex; align-items: center; border-radius: 999px; background: #adc6d3; transition: background .16s ease; }
.cart-drawer-protection-switch i { width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(4,34,52,.22); transition: transform .16s ease; }
.cart-drawer-protection.active .cart-drawer-protection-switch { background: #1f7da8; }
.cart-drawer-protection.active .cart-drawer-protection-switch i { transform: translateX(14px); }
.cart-drawer-proof { min-height: 68px; padding: .75rem; display: grid; grid-template-columns: 20px 1fr; align-items: start; gap: .55rem; border: 1px solid #bcdbea; border-radius: 5px; color: #2677a2; background: #eef8fd; }
.cart-drawer-proof p { margin: 0; display: grid; gap: .25rem; }
.cart-drawer-proof b { color: #15374d; font-size: .58rem; }
.cart-drawer-proof span { color: #66818f; font-size: .48rem; line-height: 1.45; }
.cart-drawer-footer { margin-top: auto; display: flex; flex-direction: column; padding: 1rem 1.25rem 1.2rem !important; gap: .5rem !important; border-top: 1px solid #cddfe8; background: #fff; flex: 0 0 auto; }
.cart-drawer-continue, .cart-drawer-checkout { width: 100%; min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: .42rem; border-radius: 4px; font-size: .64rem; font-weight: 800; transition: transform .16s ease, background .16s ease; text-decoration: none; cursor: pointer; }
.cart-drawer-continue { border: 1px solid #0a3770; color: #0a3770; background: #fff; }
.cart-drawer-continue:hover { background: #edf6fa; }
.cart-drawer-account-demo { width: 100%; min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: .4rem; border: 1px dashed #79afc8; border-radius: 4px; color: #26759d; background: #f4fbfe; font: 800 .52rem/1 "DM Mono", monospace; letter-spacing: .035em; transition: transform .16s ease, background .16s ease; }
.cart-drawer-account-demo:hover { background: #e8f7fd; }
.cart-drawer-account-demo:active { transform: scale(.985); }
.cart-drawer-checkout { color: #fff; background: var(--commerce); box-shadow: 0 10px 22px rgba(8,54,105,.16); border: 0; }
.cart-drawer-checkout:hover { background: var(--commerce-hover); color: #fff; }
.cart-drawer-checkout:disabled,
.cart-drawer-checkout[disabled] { opacity: .92; cursor: default; box-shadow: none; }
.cart-drawer-checkout:disabled:hover,
.cart-drawer-checkout[disabled]:hover { background: var(--commerce); }

/* Cart page — drawer is the UI; hide default WooCommerce cart chrome */
.accel-cart-page .woocommerce,
.accel-cart-page .entry-header,
.accel-cart-page .page-header,
.accel-cart-page .woocommerce-notices-wrapper { display: none !important; }
.accel-cart-page .site-main {
  min-height: 48vh;
  background:
    radial-gradient(circle at 12% 18%, rgba(129, 201, 244, .18), transparent 42%),
    linear-gradient(180deg, #eef6fb 0%, #f7fbfd 55%, #fff 100%);
}
.accel-cart-page .site-main::before {
  content: "Your cart record opens in the side panel.";
  display: block;
  max-width: 420px;
  margin: 4.5rem auto 0;
  padding: 0 1.25rem;
  color: #5f7a8a;
  font: 600 .78rem/1.5 "Space Grotesk", sans-serif;
  text-align: center;
}
.cart-drawer-continue:active, .cart-drawer-checkout:active { transform: scale(.985); }
.cart-drawer-footer > p { margin: .25rem 0 0; color: #83939b; text-align: center; font: 600 .38rem/1.3 "DM Mono", monospace; letter-spacing: .07em; }

/* Pre-checkout account gate modal */
.account-gate-demo-modal {
  position: relative;
  z-index: 1;
  width: min(620px, 100%);
  max-height: min(92vh, 900px);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #acd2e3;
  border-radius: 8px;
  color: #183d52;
  background: #fff;
  box-shadow: 0 24px 64px rgba(9, 49, 74, .28);
}
.account-gate-root {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  place-items: center;
  padding: 1rem;
  overflow: auto;
  overscroll-behavior: contain;
}
.account-gate-root[hidden] { display: none !important; }
.account-gate-close {
  position: absolute;
  top: .85rem;
  right: .85rem;
  z-index: 2;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 4px;
  color: #b5d7e4;
  background: transparent;
  cursor: pointer;
}
.account-gate-close:hover { color: #fff; background: rgba(255,255,255,.08); }
html.accel-account-gate-open { overflow: hidden; }
.account-gate-demo-consent-card[data-checked="true"] { border-color: #5aaed0; background: #f0f9fd; }
.account-gate-backdrop { position: absolute; inset: 0; background: rgba(6, 31, 51, .58); backdrop-filter: blur(2px); }
.account-gate-demo-grid .span-two { grid-column: span 2; }

.account-gate-demo-modal { max-width: min(620px, calc(100% - 1.5rem)) !important; max-height: min(92vh, 900px) !important; gap: 0 !important; overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; border: 1px solid #acd2e3 !important; border-radius: 8px !important; color: #183d52; background: #fff !important; padding: 0 !important; }
.account-gate-demo-header { padding: 1.35rem 1.35rem .95rem; color: #e8f5fa; background: radial-gradient(circle at 90% 10%, rgba(79, 175, 219, .34), transparent 35%), #092b42; text-align: left !important; }
.account-gate-demo-kicker { margin-bottom: .75rem; display: flex; justify-content: space-between; gap: .7rem; color: #9bdffb; font: 800 .4rem/1 "DM Mono", monospace; letter-spacing: .09em; }
.account-gate-demo-kicker span { padding: .22rem .3rem; border: 1px solid rgba(155, 223, 251, .45); border-radius: 3px; }
.account-gate-demo-header [data-slot="dialog-title"] { color: #fff; font: 700 clamp(1.4rem, 4vw, 2rem)/1 "Space Grotesk", sans-serif; letter-spacing: -.045em; }
.account-gate-demo-header [data-slot="dialog-description"] { margin-top: .45rem; color: #b4d3df; font-size: .61rem; line-height: 1.45; }
.account-gate-demo-modal [data-slot="dialog-close"] { top: .85rem; right: .85rem; color: #b5d7e4; }
.account-gate-demo-progress { padding: .7rem 1.35rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; border-bottom: 1px solid #d8e7ed; color: #8ba6b3; background: #f8fbfc; font: 800 .4rem/1.3 "DM Mono", monospace; letter-spacing: .025em; }
.account-gate-demo-progress span { position: relative; padding-left: .55rem; }
.account-gate-demo-progress span::before { position: absolute; left: 0; top: .1rem; width: 4px; height: 4px; border-radius: 50%; background: #bfd3dc; content: ""; }
.account-gate-demo-progress .active, .account-gate-demo-progress .complete { color: #277ca5; }
.account-gate-demo-progress .active::before, .account-gate-demo-progress .complete::before { background: #2581ac; }
.account-gate-demo-form, .account-gate-demo-email, .account-gate-demo-verified { padding: 1.25rem 1.35rem 1.35rem; }
.account-gate-demo-intro { display: grid; grid-template-columns: 20px 1fr; gap: .55rem; color: #277fa7; }
.account-gate-demo-intro p { margin: 0; display: grid; gap: .22rem; }
.account-gate-demo-intro b { color: #1b445b; font: 700 .78rem/1.2 "Space Grotesk", sans-serif; }
.account-gate-demo-intro span { color: #64818f; font-size: .57rem; line-height: 1.45; }
.account-gate-demo-grid { margin: 1rem 0; display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }
.account-gate-demo-grid label { display: grid; gap: .35rem; color: #3d6073; font: 800 .43rem/1 "DM Mono", monospace; letter-spacing: .04em; }
.account-gate-demo-grid .span-two { grid-column: span 2; }
.account-gate-demo-grid input { min-height: 42px; padding: 0 .65rem; border: 1px solid #c9dde7; border-radius: 4px; color: #14384f; background: #fbfdfe; font: 600 .68rem/1 "Space Grotesk", sans-serif; outline: none; }
.account-gate-demo-grid input:focus { border-color: #2980a9; box-shadow: 0 0 0 3px rgba(41, 128, 169, .12); }
.account-gate-demo-grid input[aria-invalid="true"] { border-color: #b85862; }
.account-gate-demo-grid label small { color: #b85862; font-family: "Space Grotesk", sans-serif; letter-spacing: 0; }
.account-gate-demo-consents { margin: .9rem 0 1rem; display: grid; gap: .5rem; }
.account-gate-demo-consent-card { position: relative; min-height: 58px; padding: .66rem .72rem; display: grid; grid-template-columns: 21px minmax(0, 1fr) auto; align-items: center; gap: .58rem; border: 1px solid #c8dce6; border-radius: 6px; color: #31586b; background: #fbfdfe; cursor: pointer; user-select: none; transition: border-color .16s ease, background .16s ease, box-shadow .16s ease; }
.account-gate-demo-consent-card:hover { border-color: #8fbfd2; background: #f6fbfd; }
.account-gate-demo-consent-card[data-checked="true"] { border-color: #5aaed0; background: #f0f9fd; }
.account-gate-demo-consent-input {
  position: absolute;
  left: .72rem;
  top: 50%;
  z-index: 2;
  width: 19px;
  height: 19px;
  margin: 0;
  transform: translateY(-50%);
  opacity: 0;
  cursor: pointer;
}
.account-gate-demo-consent-check {
  position: relative;
  z-index: 1;
  width: 19px;
  height: 19px;
  display: grid;
  place-items: center;
  border: 1px solid #91b6c6;
  border-radius: 5px;
  color: transparent;
  background: #fff;
  transition: color .16s ease, border-color .16s ease, background .16s ease;
  pointer-events: none;
}
.account-gate-demo-consent-card > a {
  position: relative;
  z-index: 3;
  pointer-events: auto;
}
.account-gate-demo-consent-card[data-checked="true"] .account-gate-demo-consent-check { border-color: #167da9; color: #fff; background: #167da9; }
.account-gate-demo-consent-input:focus-visible + .account-gate-demo-consent-check { outline: 3px solid rgba(40, 128, 169, .25); outline-offset: 2px; }
.account-gate-demo-consent-copy { display: grid; gap: .16rem; min-width: 0; }
.account-gate-demo-consent-copy strong { color: #1c485f; font: 700 .59rem/1.35 "Space Grotesk", sans-serif; }
.account-gate-demo-consent-copy small { color: #6a8795; font: 500 .49rem/1.35 "Space Grotesk", sans-serif; }
.account-gate-demo-consent-card > a { color: #277ca5; font: 800 .42rem/1 "DM Mono", monospace; letter-spacing: .02em; text-decoration: underline; white-space: nowrap; }
.account-gate-demo-consents > small { margin: -.14rem 0 .08rem .15rem; color: #b85862; font: 600 .5rem/1.35 "Space Grotesk", sans-serif; }
.account-gate-demo-note { margin-bottom: .95rem; padding: .6rem; display: grid; grid-template-columns: 16px 1fr; gap: .4rem; border-left: 2px solid #63bfe7; color: #5e7d8d; background: #f0f9fd; font-size: .53rem; line-height: 1.45; }
.account-gate-demo-note svg { color: #267fa7; }
.account-gate-demo-primary { min-height: 43px; padding: 0 .8rem; display: inline-flex; align-items: center; justify-content: center; gap: .4rem; border: 0; border-radius: 4px; color: #fff; background: #0c4d70; font: 800 .56rem/1 "Space Grotesk", sans-serif; text-decoration: none; transition: transform .16s ease, background .16s ease; }
.account-gate-demo-primary:hover { color: #fff; background: #083a58; }
.account-gate-demo-primary:active { transform: scale(.98); }
.account-gate-demo-primary:disabled { cursor: wait; opacity: .68; }
.account-gate-demo-error { margin: .15rem 0 0; padding: .62rem .7rem; border: 1px solid #e7aaa8; border-radius: 4px; color: #8e2925; background: #fff4f3; font-size: .68rem; line-height: 1.45; }
.account-gate-demo-message { margin: 1rem 0 .65rem; padding: .95rem; border: 1px solid #bfdde9; border-radius: 5px; background: #f7fcff; }
.account-gate-demo-message p { margin: 0; display: grid; grid-template-columns: 35px 1fr; gap: .4rem; color: #31596d; font-size: .59rem; }
.account-gate-demo-message p span { color: #7796a5; font: 800 .37rem/1 "DM Mono", monospace; letter-spacing: .07em; }
.account-gate-demo-message hr { margin: .8rem 0; border: 0; border-top: 1px solid #d4e6ed; }
.account-gate-demo-message > strong { display: block; color: #173f55; font: 700 .78rem/1.35 "Space Grotesk", sans-serif; }
.account-gate-demo-message button { min-height: 38px; margin-top: .7rem; padding: 0 .65rem; display: inline-flex; align-items: center; gap: .35rem; border: 0; border-radius: 3px; color: #fff; background: #2b85ad; font: 700 .5rem/1 "Space Grotesk", sans-serif; }
.account-gate-demo-message small { margin-top: .7rem; display: block; color: #718e9c; font-size: .48rem; }
.account-gate-demo-text-button { margin-top: .25rem; padding: .45rem 0; border: 0; color: #277ba4; background: transparent; font: 800 .48rem/1 "DM Mono", monospace; text-decoration: underline; }
.account-gate-demo-verified { display: grid; justify-items: center; text-align: center; }
.account-gate-demo-verified > div { width: 53px; height: 53px; margin-bottom: .7rem; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #2984ab; box-shadow: 0 8px 20px rgba(38, 124, 163, .22); }
.account-gate-demo-verified > b { color: #163d53; font: 700 1.12rem/1 "Space Grotesk", sans-serif; }
.account-gate-demo-verified > p { max-width: 390px; margin: .55rem 0 .85rem; color: #617e8d; font-size: .61rem; line-height: 1.5; }
.account-gate-demo-verified > span { margin-bottom: .95rem; color: #547586; font-size: .53rem; }
.account-gate-demo-verified .account-gate-demo-text-button { margin-top: .45rem; }
@media (max-width: 560px) { .account-gate-demo-header { padding: 1.1rem 1rem .85rem; } .account-gate-demo-progress { padding-inline: 1rem; gap: .28rem; font-size: .35rem; } .account-gate-demo-form, .account-gate-demo-email, .account-gate-demo-verified { padding: 1rem; } .account-gate-demo-grid { grid-template-columns: 1fr; } .account-gate-demo-grid .span-two { grid-column: auto; } .account-gate-demo-kicker { font-size: .35rem; } .account-gate-demo-consent-card { grid-template-columns: 21px minmax(0, 1fr); } .account-gate-demo-consent-card > a { grid-column: 2; width: fit-content; } }
.checkout-gate-demo { background: #f3f8fb; }
.checkout-gate-demo-hero { padding: 4.2rem 0 3.3rem; color: #eaf5fa; background: radial-gradient(circle at 80% 12%, rgba(71, 151, 191, .45), transparent 29%), #061f33; }
.checkout-gate-demo-back { width: fit-content; margin-bottom: 1.7rem; display: inline-flex; align-items: center; gap: .4rem; color: #a9d9f0; font: 700 .55rem/1 "DM Mono", monospace; letter-spacing: .08em; }
.checkout-gate-demo-hero .section-label { color: #8cd7f9; }
.checkout-gate-demo-hero h1 { max-width: 700px; margin: .65rem 0 .85rem; color: #fff; font: 700 clamp(2.5rem, 5.5vw, 5.2rem)/.94 "Space Grotesk", sans-serif; letter-spacing: -.075em; }
.checkout-gate-demo-hero h1 em { color: #95dcfb; font-style: normal; }
.checkout-gate-demo-hero > .content-width > p:last-child { max-width: 660px; margin: 0; color: #b8d2de; line-height: 1.65; }
.checkout-gate-demo-main { padding: 2.5rem 0 5rem; display: grid; grid-template-columns: minmax(220px, .55fr) minmax(0, 1.25fr); align-items: start; gap: clamp(1.25rem, 3vw, 3rem); }
.checkout-gate-demo-steps { position: sticky; top: 105px; padding: 1.2rem; border: 1px solid #c6dce7; border-radius: 7px; background: #fff; box-shadow: 0 15px 34px rgba(9, 49, 74, .06); }
.checkout-gate-demo-steps > p { margin: 0 0 .9rem; color: #628194; font: 800 .45rem/1 "DM Mono", monospace; letter-spacing: .09em; }
.checkout-gate-demo-steps ol { margin: 0; padding: 0; display: grid; gap: .9rem; list-style: none; }
.checkout-gate-demo-steps li { display: grid; grid-template-columns: 28px 1fr; gap: .6rem; color: #849eab; }
.checkout-gate-demo-steps li > span { width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid #cbdde5; border-radius: 50%; color: #7c9aaa; font: 800 .42rem/1 "DM Mono", monospace; }
.checkout-gate-demo-steps li b, .checkout-gate-demo-steps li small { display: block; }
.checkout-gate-demo-steps li b { color: #4d7084; font-size: .64rem; }
.checkout-gate-demo-steps li small { margin-top: .14rem; font-size: .51rem; line-height: 1.35; }
.checkout-gate-demo-steps li.active > span, .checkout-gate-demo-steps li.complete > span { border-color: #257eaa; color: #fff; background: #257eaa; }
.checkout-gate-demo-steps li.active b, .checkout-gate-demo-steps li.complete b { color: #173c53; }
.checkout-gate-demo-privacy { margin-top: 1.25rem; padding-top: 1rem; display: grid; grid-template-columns: 18px 1fr; gap: .5rem; border-top: 1px solid #dce9ef; color: #2879a2; }
.checkout-gate-demo-privacy p { margin: 0; display: grid; gap: .2rem; }
.checkout-gate-demo-privacy b { color: #254b60; font-size: .55rem; }
.checkout-gate-demo-privacy span { color: #6f8b99; font-size: .49rem; line-height: 1.4; }
.checkout-gate-demo-card { min-height: 490px; padding: clamp(1.2rem, 3vw, 2.4rem); border: 1px solid #c6dce7; border-radius: 8px; background: #fff; box-shadow: 0 18px 38px rgba(9, 49, 74, .08); }
.checkout-gate-demo-status { margin-bottom: 1.7rem; padding: .55rem .7rem; display: flex; align-items: center; justify-content: space-between; gap: .8rem; border: 1px solid #ecd9a8; border-radius: 4px; color: #7a5e18; background: #fff9e9; }
.checkout-gate-demo-status span { padding: .24rem .34rem; border-radius: 3px; color: #fff; background: #a87a13; font: 800 .38rem/1 "DM Mono", monospace; letter-spacing: .07em; }
.checkout-gate-demo-status p { margin: 0; font-size: .55rem; line-height: 1.35; }
.checkout-gate-demo-card-heading { display: flex; align-items: flex-start; gap: .7rem; color: #2581ac; }
.checkout-gate-demo-card-heading p, .checkout-gate-demo-verified > p { margin: .08rem 0 .42rem; color: #5e899e; font: 800 .43rem/1 "DM Mono", monospace; letter-spacing: .08em; }
.checkout-gate-demo-card-heading h2, .checkout-gate-demo-verified h2 { margin: 0; color: #102f43; font: 700 clamp(1.35rem, 2.4vw, 2rem)/1 "Space Grotesk", sans-serif; letter-spacing: -.04em; }
.checkout-gate-demo-intro { max-width: 610px; margin: 1rem 0 1.4rem; color: #5a7684; font-size: .76rem; line-height: 1.65; }
.checkout-gate-demo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .85rem; }
.checkout-gate-demo-grid label { display: grid; gap: .38rem; color: #35566a; font: 800 .5rem/1 "DM Mono", monospace; letter-spacing: .04em; }
.checkout-gate-demo-grid .span-two { grid-column: span 2; }
.checkout-gate-demo-grid input { min-height: 48px; padding: 0 .75rem; border: 1px solid #c8dce6; border-radius: 4px; color: #14364c; background: #fbfdfe; outline: none; font: 600 .74rem/1 "Space Grotesk", sans-serif; transition: border-color .16s ease, box-shadow .16s ease; }
.checkout-gate-demo-grid input:focus { border-color: #287fa9; box-shadow: 0 0 0 3px rgba(40, 127, 169, .13); }
.checkout-gate-demo-grid input[aria-invalid="true"] { border-color: #b34c57; }
.checkout-gate-demo-grid label small { color: #b34c57; font-family: "Space Grotesk", sans-serif; letter-spacing: 0; }
.checkout-gate-demo-note { margin: 1rem 0; padding: .7rem; display: grid; grid-template-columns: 17px 1fr; gap: .45rem; border-left: 2px solid #5cb8e4; color: #5f7e8e; background: #eff9fd; font-size: .58rem; line-height: 1.5; }
.checkout-gate-demo-note svg { color: #287fa9; }
.checkout-gate-demo-primary { min-height: 48px; padding: 0 1rem; display: inline-flex; align-items: center; justify-content: center; gap: .48rem; border: 0; border-radius: 4px; color: #fff; background: #0c4d70; font: 800 .6rem/1 "Space Grotesk", sans-serif; text-decoration: none; transition: transform .16s ease, background .16s ease; }
.checkout-gate-demo-primary:hover { color: #fff; background: #083a58; }
.checkout-gate-demo-primary:active { transform: scale(.98); }
.checkout-gate-demo-email-preview { margin: 1.5rem 0 1rem; padding: 1.15rem; border: 1px solid #bcdce9; border-radius: 5px; color: #36596c; background: linear-gradient(135deg, #f7fcff, #fff); box-shadow: 0 10px 24px rgba(18, 91, 124, .06); }
.checkout-gate-demo-email-preview > div { display: grid; grid-template-columns: 45px 1fr; gap: .4rem; font-size: .61rem; }
.checkout-gate-demo-email-preview > div + div { margin-top: .45rem; }
.checkout-gate-demo-email-preview span { color: #7191a1; font: 800 .39rem/1 "DM Mono", monospace; letter-spacing: .07em; }
.checkout-gate-demo-email-preview b { color: #23485e; font-weight: 700; }
.checkout-gate-demo-email-preview hr { margin: 1rem 0; border: 0; border-top: 1px solid #d4e5ec; }
.checkout-gate-demo-email-preview p { margin: 0 0 .8rem; color: #153c53; font: 700 .78rem/1.4 "Space Grotesk", sans-serif; }
.checkout-gate-demo-email-preview button { min-height: 40px; padding: 0 .75rem; display: inline-flex; align-items: center; gap: .4rem; border: 0; border-radius: 3px; color: #fff; background: #2982ab; font: 700 .56rem/1 "Space Grotesk", sans-serif; }
.checkout-gate-demo-email-preview small { margin-top: .8rem; display: block; color: #718b99; font-size: .5rem; line-height: 1.4; }
.checkout-gate-demo-secondary { margin-top: .45rem; padding: .55rem 0; border: 0; color: #297ca5; background: transparent; font: 800 .53rem/1 "DM Mono", monospace; letter-spacing: .04em; text-decoration: underline; }
.checkout-gate-demo-verified { min-height: 380px; display: grid; justify-items: center; align-content: center; text-align: center; }
.checkout-gate-demo-success-icon { width: 66px; height: 66px; margin-bottom: 1rem; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #2786ad; box-shadow: 0 10px 24px rgba(29, 122, 162, .22); }
.checkout-gate-demo-verified > span { max-width: 460px; margin: .8rem 0 1.2rem; color: #5f7e8e; font-size: .69rem; line-height: 1.6; }
.checkout-gate-demo-verified-summary { width: min(100%, 420px); margin-bottom: 1.25rem; padding: .8rem; display: grid; gap: .2rem; border: 1px solid #cce1ea; border-radius: 4px; color: #5f7e8e; background: #f6fbfd; font-size: .58rem; }
.checkout-gate-demo-verified-summary b { color: #153c53; font-size: .72rem; }
.checkout-gate-demo-verified .checkout-gate-demo-secondary { margin-top: .8rem; }
@media (max-width: 760px) { .checkout-gate-demo-hero { padding: 2.8rem 0 2.35rem; } .checkout-gate-demo-main { padding: 1rem 0 3rem; grid-template-columns: 1fr; } .checkout-gate-demo-steps { position: static; } .checkout-gate-demo-steps ol { grid-template-columns: repeat(3, 1fr); gap: .5rem; } .checkout-gate-demo-steps li { grid-template-columns: 1fr; gap: .35rem; } .checkout-gate-demo-steps li > span { display: none; } .checkout-gate-demo-steps li small { font-size: .45rem; } .checkout-gate-demo-privacy { display: none; } .checkout-gate-demo-card { min-height: 0; padding: 1rem; } .checkout-gate-demo-status { align-items: flex-start; } }
@media (max-width: 480px) { .checkout-gate-demo-grid { grid-template-columns: 1fr; } .checkout-gate-demo-grid .span-two { grid-column: auto; } .checkout-gate-demo-card-heading h2, .checkout-gate-demo-verified h2 { font-size: 1.35rem; } .checkout-gate-demo-email-preview { padding: .85rem; } }
.checkout-empty-shell { background-color: #eff6fa; }
.checkout-empty { width: min(1080px, calc(100% - 2.5rem)); min-height: calc(100vh - 72px); margin: 0 auto; padding: 5rem 0; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(300px,.7fr); align-items: center; gap: clamp(3rem, 8vw, 7rem); text-align: left; }
.checkout-empty-copy h1 { max-width: 760px; margin: .8rem 0; color: #082e4a; font: 700 clamp(2.7rem, 7vw, 5.5rem)/.92 "Space Grotesk", sans-serif; letter-spacing: -.09em; }
.checkout-empty-copy > p:not(.section-label) { max-width: 580px; margin: 0; color: #607d8d; line-height: 1.7; }
.checkout-empty-copy > a { margin-top: 1.25rem; padding: .75rem 1rem; display: inline-flex; align-items: center; gap: .4rem; border-radius: 4px; color: #fff; background: var(--commerce); font-size: .62rem; font-weight: 800; }
.checkout-empty-record { position: relative; padding: 1.1rem; overflow: hidden; border: 1px solid rgba(129,201,244,.3); color: #dcecf4; background: #071f34; box-shadow: 0 24px 60px rgba(4,33,54,.16); }
.checkout-empty-record::before { position: absolute; inset: 0; content: ""; background-image: linear-gradient(rgba(129,201,244,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(129,201,244,.06) 1px, transparent 1px); background-size: 24px 24px; }
.checkout-empty-record > * { position: relative; z-index: 1; }
.checkout-empty-record > p { margin: 0 0 .75rem; color: var(--accent-blue); font: 700 .45rem/1 "DM Mono", monospace; letter-spacing: .1em; }
.checkout-empty-record > div { min-height: 74px; padding: .75rem; display: grid; grid-template-columns: 24px 1fr; align-items: center; gap: .65rem; border-top: 1px solid rgba(172,214,236,.14); }
.checkout-empty-record svg { color: var(--accent-blue); }
.checkout-empty-record span { display: grid; gap: .28rem; }
.checkout-empty-record small { color: rgba(217,237,247,.55); font: 600 .38rem/1 "DM Mono", monospace; letter-spacing: .08em; }
.checkout-empty-record b { color: #fff; font: 700 .64rem/1 "Space Grotesk", sans-serif; }

@media (max-width: 880px) {
  .checkout-header { grid-template-columns: 1fr auto; }
  .checkout-header nav { display: none; }
  .checkout-layout { grid-template-columns: 1fr; gap: 0; }
  .checkout-summary { display: none; }
  .checkout-mobile-summary-target { display: block; margin: 0 0 1rem; }
  .mobile-order-summary-disclosure { display: block; overflow: hidden; border: 1px solid #cbdde7; border-radius: 5px; background: #fff; box-shadow: 0 14px 34px rgba(18,69,99,.08); }
  .mobile-order-summary-toggle { width: 100%; min-height: 66px; padding: .8rem .9rem; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 1rem; color: #17394f; background: #fff; text-align: left; transition: background .18s var(--ease-out),transform .16s var(--ease-out); }
  .mobile-order-summary-toggle:hover { background: #f5fbfe; }
  .mobile-order-summary-toggle:active { transform: scale(.99); }
  .mobile-order-summary-toggle:focus-visible { outline: 3px solid rgba(66,156,202,.28); outline-offset: -3px; }
  .mobile-order-summary-toggle-label { min-width: 0; display: grid; grid-template-columns: 22px minmax(0,1fr) 18px; align-items: center; gap: .55rem; }
  .mobile-order-summary-toggle-label > svg:first-child { color: #2b789f; }
  .mobile-order-summary-toggle-label > span { min-width: 0; display: grid; gap: .2rem; }
  .mobile-order-summary-toggle-label b { font: 700 .72rem/1.2 "Space Grotesk",sans-serif; }
  .mobile-order-summary-toggle-label small { color: #6d8795; font: 650 .48rem/1 "DM Mono",monospace; letter-spacing: .045em; text-transform: uppercase; }
  .mobile-order-summary-toggle > strong { color: #102f43; font: 750 1rem/1 "Space Grotesk",sans-serif; white-space: nowrap; }
  .mobile-order-summary-chevron { color: #4b778f; transition: transform .2s var(--ease-out); }
  .mobile-order-summary-disclosure.is-open .mobile-order-summary-chevron { transform: rotate(180deg); }
  .mobile-order-summary-details { display: none; }
  .mobile-order-summary-disclosure.is-open .mobile-order-summary-details { display: block; }
  .checkout-summary-card { position: static; }
  .mobile-order-summary-disclosure .checkout-summary-card { border: 0; border-top: 1px solid #d8e5eb; border-radius: 0; box-shadow: none; }
  .checkout-form { padding-top: 1.5rem; }
  .checkout-empty { grid-template-columns: 1fr; width: min(100% - 2.5rem, 680px); gap: 2rem; }
}

@media (max-width: 560px) {
  .checkout-header { min-height: 60px; padding-inline: 1rem; }
  .checkout-header img { width: 140px; }
  .checkout-header > span { font-size: .4rem; }
  .checkout-layout { width: min(100% - 1.25rem, 620px); }
  .research-use-disclosure-inner { grid-template-columns: 1fr; gap: 1rem; padding-block: 1.5rem; }
  .research-use-disclosure--checkout .research-use-disclosure-inner { width: min(100% - 1.25rem, 620px); }
  .checkout-title { margin-top: 1.3rem; }
  .checkout-addon { grid-template-columns: 18px 42px minmax(0,1fr); }
  .checkout-addon img, .checkout-addon-plate { width: 42px; height: 42px; }
  .checkout-addon > svg { display: none; }
  .checkout-form-section { padding: .9rem; }
  .checkout-fields { grid-template-columns: 1fr; }
  .checkout-field--full { grid-column: auto; }
  .checkout-payment-options > button { grid-template-columns: 18px 20px 1fr; }
  .checkout-payment-options em { grid-column: 3; }
  .checkout-line { grid-template-columns: 50px minmax(0,1fr) auto; }
  .checkout-line-image { width: 50px; height: 50px; }
  .product-tier-options button { grid-template-columns: 18px 1fr; }
  .product-tier-total { grid-column: 2; justify-items: start; }
  .product-subscription-field > button { grid-template-columns: 24px 1fr; }
  .product-subscription-field em { grid-column: 2; }
  .cart-drawer { width: 100vw !important; max-width: none !important; }
  .cart-drawer-body { padding-inline: .9rem; }
  .cart-drawer-added-record { grid-template-columns: 68px minmax(0,1fr); }
  .cart-drawer-image { width: 68px; height: 68px; }
  .cart-drawer-added-price { grid-column: 2; justify-items: start; grid-template-columns: auto auto auto; align-items: center; gap: .35rem; }
  .cart-drawer-footer { padding-inline: .9rem !important; }
}
.product-ruo-section { padding: 2.5rem 0; color: #d7e7ef; background: #0b2742; }
.product-ruo-layout { display: grid; grid-template-columns: .8fr 1.55fr auto; align-items: center; gap: 2rem; }
.product-ruo-layout > p:last-of-type { max-width: 670px; margin: 0; color: rgba(223,239,248,.67); font-size: .66rem; line-height: 1.7; }
.product-ruo-layout button { min-height: 34px; padding: 0 .62rem; display: inline-flex; align-items: center; gap: .4rem; border: 1px solid rgba(183,223,244,.27); border-radius: 4px; color: #e9f8ff; background: transparent; font: 700 .55rem/1 "DM Mono", monospace; }
.product-ruo-layout button:hover { color: #06243f; background: var(--accent-blue); }

@media (max-width: 1050px) {
  .product-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(350px, .85fr); gap: 2.6rem; }
  .product-related-card { grid-template-columns: 100px 1fr; }
  .product-proof-layout { gap: 3rem; }
}

@media (max-width: 830px) {
  .product-hero-grid, .product-detail-layout, .product-monographs-layout, .product-proof-layout, .product-ruo-layout { grid-template-columns: 1fr; }
  .product-hero-section { padding-block: 2rem 3.6rem; }
  .product-media-column { width: min(100%, 610px); }
  .product-buy-panel { max-width: 610px; }
  .product-proof-layout { gap: 2rem; }
  .product-related-grid { grid-template-columns: repeat(2, 1fr); }
  .product-ruo-layout { gap: 1rem; }
  .product-ruo-layout button { width: fit-content; }
}

@media (max-width: 560px) {
  .product-breadcrumbs { min-height: 46px; }
  .product-hero-section, .product-detail-section, .product-monographs-section, .product-proof-band, .product-related-section { padding-block: 3.8rem; }
  .product-hero-section { padding: .75rem 0 2.4rem; }
  .product-hero-grid { gap: .85rem; }
  .product-media-column { width: min(76vw, 285px); margin-inline: auto; }
  .product-gallery-topline { top: 1rem; left: 1rem; right: 1rem; font-size: .45rem; }
  .product-image-coa { right: 1rem; bottom: 1rem; font-size: .48rem; }
  .product-media-caption { padding-top: .42rem; font-size: .4rem; }
  .product-buy-panel { padding-top: 0; }
  .product-title-line { gap: .55rem; margin-top: .45rem; }
  .product-title-line h1 { font-size: clamp(1.55rem, 7vw, 1.85rem); line-height: 1.03; }
  .product-title-line > span { margin-top: .2rem; padding: .28rem .36rem; font-size: .42rem; }
  .product-unit-line { margin-top: .32rem; font-size: .54rem; }
  .product-summary { margin-top: .65rem; font-size: .7rem; line-height: 1.52; }
  .product-price-line { margin: .8rem 0 .7rem; }
  .product-price-line strong { font-size: 1.6rem; }
  .product-evidence-row { gap: .42rem; }
  .product-evidence-row span { font-size: .44rem; }
  .product-buy-summary { align-items: center; }
  .product-assurance-grid { gap: .35rem; }
  .product-assurance-grid > span { grid-template-columns: 15px 1fr; column-gap: .25rem; }
  .product-assurance-grid b, .product-assurance-grid small { font-size: .4rem; }
  .product-record-card { padding: 1.15rem 1rem 1rem; }
  .product-tab-list { overflow-x: auto; grid-template-columns: repeat(4, minmax(104px, 1fr)); }
  .product-tab-panel { min-height: 330px; padding: 1.35rem 1.15rem; }
  .product-tab-panel p:not(.tab-kicker) { font-size: .7rem; }
  .product-monographs-intro > p:not(.section-label) { max-width: none; }
  .product-monographs-key { margin-top: 1.25rem; }
  .product-monograph-card > h3 { padding: 1rem 1rem .85rem; }
  .monograph-split { grid-template-columns: 1fr; }
  .monograph-column { padding: 1rem; }
  .monograph-column + .monograph-column { border-top: 1px solid #e1ecf2; border-left: 0; }
  .monograph-column > p:last-child { font-size: .68rem; }
  .product-monograph-notice { grid-template-columns: auto 1fr; align-items: start; }
  .product-monograph-notice > span { grid-column: 2; font-size: .46rem; }
  .product-proof-grid { grid-template-columns: 1fr; }
  .product-proof-grid article { min-height: auto; border-right: 0; border-bottom: 1px solid rgba(177,218,242,.15); }
  .product-proof-grid article:last-child { border-bottom: 0; }
  .product-related-grid { grid-template-columns: 1fr; }
  .product-related-heading { align-items: flex-start; flex-direction: column; }
  .product-related-heading > div { min-width: 0; width: 100%; }
  .product-related-heading h2 { max-width: 100%; font-size: clamp(1.45rem,7.2vw,2rem); letter-spacing: -.065em; }
  .product-record-card h2 { max-width: 100%; font-size: clamp(1.35rem,6.6vw,1.7rem); letter-spacing: -.06em; }
  .product-related-card { grid-template-columns: 112px 1fr; }
  .product-ruo-section { padding: 2.5rem 0; }
}

@keyframes rise-in { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fade-in { from { opacity: .35; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
@keyframes gate-in { from { opacity: 0; transform: translateY(15px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } }

@media (max-width: 1050px) {
  .desktop-nav { gap: .65rem; }
  .nav-link { font-size: .63rem; }
  .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hero-grid { gap: 2.5rem; }
  .proof-cards { grid-template-columns: 1fr; }
  .proof-cards article { min-height: auto; }
}

@media (max-width: 830px) {
  .content-width { width: min(100% - 32px, 1240px); }
  .desktop-nav, .desktop-account { display: none; }
  .menu-button { display: inline-flex; }
  .mobile-nav { display: grid; padding: .6rem 1rem .8rem; background: #fff; border-top: 1px solid #edf1f1; box-shadow: 0 12px 20px rgba(10,35,46,.08); }
  .mobile-nav button, .mobile-nav a { padding: .7rem .4rem; display: flex; align-items: center; justify-content: space-between; color: #22343e; border-bottom: 1px solid #edf1f1; background: none; font: 600 .7rem/1 "Space Grotesk", sans-serif; text-align: left; }
  .mobile-nav button:last-child, .mobile-nav a:last-child { border-bottom: 0; }
  .hero-section, .hero-grid { min-height: auto; }
  .hero-grid { grid-template-columns: 1fr; padding: 4.6rem 0 3rem; gap: 2.3rem; }
  .hero-offer-card { justify-self: start; max-width: 440px; }
  .section-heading, .proof-layout, .faq-layout, .benchmark-layout { grid-template-columns: 1fr; }
  .customer-testimonials-grid { grid-template-columns: 1fr; }
  .customer-testimonial-card { min-height: 0; }
  .section-heading { gap: .85rem; }
  .heading-copy { max-width: 460px; }
  .benchmark-intro > p:not(.section-label) { max-width: 510px; }
  .area-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-grid { grid-template-columns: 1.3fr 1fr 1fr; }
  .footer-contact { grid-column: 1 / -1; max-width: 320px; }
  .catalog-hero { padding-block: 4.2rem 3.6rem; }
  .catalog-hero-grid, .catalog-layout, .catalog-results-heading { grid-template-columns: 1fr; }
  .catalog-hero-stats { width: min(100%, 480px); }
  .catalog-sidebar { position: static; }
  .catalog-sidebar > p { max-width: 520px; }
  .category-filter-list { grid-template-columns: repeat(2, minmax(0, 1fr)); border-right: 1px solid #e4edf3; }
  .category-filter-list button { padding-inline: .45rem; border-right: 1px solid #e4edf3; }
  .category-filter-list button.active { padding-left: .55rem; }
  .catalog-sidebar-note { display: none; }
}

@media (max-width: 560px) {
  .header-main { min-height: 61px; }
  .brand-logo-image { width: 152px; max-height: 29px; }
  .header-actions { margin-left: auto; }
  .proof-ticker-track span { padding-inline: .75rem; font-size: .51rem; }
  .hero-grid { padding-top: 3.6rem; }
  .hero-copy h1 { font-size: clamp(2.65rem, 13vw, 3.55rem); }
  .hero-copy p { font-size: .87rem; }
  .hero-meta span { font-size: .52rem; }
  .hero-offer-card { padding: 1.6rem 1.25rem 1.35rem; }
  .catalog-section, .research-section, .faq-section, .benchmark-section, .proof-section, .service-proof-section, .customer-testimonials-section { padding: 4.4rem 0; }
  .section-heading h2, .research-section h2, .faq-intro h2 { font-size: 2.25rem; }
  .product-grid { grid-template-columns: 1fr; gap: .75rem; }
  .product-card { display: grid; grid-template-columns: minmax(104px, 34%) minmax(0, 1fr); align-items: stretch; border-radius: 8px; }
  .catalog-product-card { display: flex; flex-direction: column; height: auto; }
  .product-card:hover { transform: none; }
  .product-image { min-height: 100%; aspect-ratio: auto; border-right: 1px solid #e5e9ef; border-bottom: 0; }
  .catalog-product-card .product-image { min-height: 0; aspect-ratio: 1; border-right: 0; border-bottom: 1px solid #e5e9ef; }
  .product-image img { width: 100%; height: 100%; max-height: none; object-fit: cover; }
  .coa-badge { top: .48rem; right: .48rem; min-height: 28px; padding: .3rem .38rem; font-size: .625rem; }
  .product-content { min-width: 0; padding: .72rem .68rem .68rem; }
  .product-content h3 { min-height: 0; font-size: .95rem; line-height: 1.16; }
  .product-content > p { min-height: 0; margin: .28rem 0 .5rem; display: -webkit-box; overflow: hidden; color: #5a707b; font-size: .7rem; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .product-tags { gap: .28rem; }
  .product-tags span { padding: .23rem .32rem; font-size: .625rem; line-height: 1.15; }
  .product-card:not(.catalog-product-card) .product-tags span:nth-child(n+3) { display: none; }
  .product-record { margin-top: .52rem; padding-top: .48rem; gap: .35rem; flex-wrap: wrap; font-size: .625rem; line-height: 1.25; }
  .product-record span { white-space: normal; }
  .product-price { margin: .52rem 0; flex-direction: row; align-items: baseline; gap: .35rem; }
  .product-price small { font-size: .625rem; }
  .product-price strong { margin-top: 0; font-size: 1.05rem; }
  .card-actions { grid-template-columns: .9fr 1.25fr; gap: .35rem; }
  .card-actions button:first-child { display: inline-flex; align-items: center; justify-content: center; }
  .card-actions button { min-height: 44px; padding-inline: .3rem; font-size: .7rem; line-height: 1.15; }
  .area-grid { grid-template-columns: 1fr; }
  .area-card { min-height: 235px; }
  .benchmark-content { grid-template-columns: 1fr; padding: 1.35rem; }
  .benchmark-stat { padding: 0 0 1.1rem; border-right: 0; border-bottom: 1px solid rgba(188,226,235,.14); }
  .benchmark-text { padding: 1.25rem 0 0; }
  .benchmark-content ul { grid-template-columns: 1fr; }
  .benchmark-tabs { width: 100%; max-width: 100%; overflow-x: auto; overflow-y: hidden; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: clamp(108px,31vw,138px); justify-content: start; scrollbar-width: none; -webkit-overflow-scrolling: touch; overscroll-behavior-inline: contain; touch-action: pan-x pan-y; scroll-snap-type: inline proximity; }
  .benchmark-tabs::-webkit-scrollbar { display: none; }
  .benchmark-tabs button { min-height: 52px; padding-inline: .75rem; white-space: nowrap; scroll-snap-align: start; }
  .benchmark-tabs button:focus-visible { position: relative; z-index: 1; outline: 2px solid #9addec; outline-offset: -3px; }
  .benchmark-tab-guide { min-height: 34px; padding: .45rem .75rem; display: flex; align-items: center; justify-content: flex-end; gap: .35rem; color: rgba(220,240,245,.64); border-bottom: 1px solid rgba(188,226,235,.12); font: 700 .58rem/1.3 "DM Mono",monospace; letter-spacing: .035em; text-transform: uppercase; pointer-events: none; }
  .service-proof-grid { grid-template-columns: 1fr; }
  .service-proof-card { min-height: 0; padding: 1.25rem 1.1rem; }
  .service-proof-stat { margin: .65rem 0 1.1rem; }
  .service-proof-disclosure { margin-top: .9rem; text-align: left; }
  .customer-testimonial-card { padding: 1.3rem 1.15rem; }
  .customer-testimonials-disclosure { margin-top: 1rem; text-align: left; }
  .first-order-offer-shell { grid-template-columns: 1fr; gap: 1.6rem; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 2rem 1rem; }
  .footer-brand, .footer-contact { grid-column: 1 / -1; }
  .footer-bottom { display: block; }
  .footer-bottom div { margin-top: .65rem; flex-wrap: wrap; }
  .gate-overlay { padding: .85rem; }
  .gate-card { padding: 1.4rem 1.1rem 1.15rem; }
  .gate-copy p:last-child { font-size: .64rem; }
  .gate-check { font-size: .59rem; }
  .search-overlay { padding-top: 5.2rem; }
  .catalog-hero { padding-block: 3.5rem 3rem; }
  .catalog-hero h1 { font-size: clamp(2.35rem, 12vw, 3.25rem); }
  .catalog-hero-copy > p:last-child { font-size: .76rem; }
  .catalog-hero-stats > div { min-height: 93px; padding: .75rem .5rem .65rem; }
  .catalog-hero-stats strong { font-size: 1.4rem; }
  .catalog-main-section { padding-block: 3.35rem 4.6rem; }
  .catalog-layout { gap: 1.35rem; }
  .catalog-sidebar { display: none; }
  .catalog-mobile-filter { display: block; }
  .catalog-mobile-filter-trigger { width: 100%; min-height: 54px; padding: .7rem .75rem; display: flex; align-items: center; justify-content: space-between; gap: .75rem; border: 1px solid #c8dbe3; border-left: 4px solid var(--signal-blue); color: #234b5e; background: #fff; box-shadow: 0 10px 26px rgba(12,52,72,.06); text-align: left; }
  .catalog-mobile-filter-trigger > span:first-child { min-width: 0; display: grid; gap: .18rem; }
  .catalog-mobile-filter-trigger small { color: #69838e; font: 750 .625rem/1 "DM Mono",monospace; letter-spacing: .08em; }
  .catalog-mobile-filter-trigger strong { min-width: 0; overflow: hidden; color: #123d51; font: 650 .82rem/1.2 "Space Grotesk",sans-serif; text-overflow: ellipsis; white-space: nowrap; }
  .catalog-mobile-filter-trigger > span:last-child { flex: 0 0 auto; display: inline-flex; align-items: center; gap: .55rem; color: #176b91; }
  .catalog-mobile-filter-trigger b { padding: .28rem .38rem; border: 1px solid #c6dce5; color: #315e70; background: #f4f9fb; font: 750 .625rem/1 "DM Mono",monospace; }
  .catalog-mobile-filter-trigger:focus-visible { outline: 3px solid rgba(49,143,196,.28); outline-offset: 2px; }
  .category-filter-list { grid-template-columns: 1fr; }
  .category-filter-list button { min-height: 38px; }
  .catalog-results-heading { gap: .75rem; padding-bottom: 1.2rem; }
  .catalog-results-heading h2 { font-size: 2.15rem; }
  .catalog-toolbar { grid-template-columns: 1fr; margin-top: .9rem; }
  .catalog-search, .catalog-sort { min-height: 40px; }
  .catalog-results-meta { padding-bottom: .75rem; font-size: .43rem; }
  .catalog-results-meta span:last-child { display: none; }
  .catalog-filter-state { grid-template-columns: 1fr auto; gap: .6rem; }
  .catalog-filter-active-summary { grid-column: 1 / -1; grid-row: 2; }
  .catalog-filter-state > button { grid-column: 2; grid-row: 1; }
  .catalog-product-card .product-content { min-height: 0; }
  .catalog-card-category { align-items: flex-start; margin-bottom: .42rem; }
  .catalog-card-category span { max-width: 68%; font-size: .625rem; line-height: 1.25; }
  .catalog-card-category b { font-size: .5625rem; line-height: 1.15; }
  .catalog-product-card .product-record > span:last-child { display: none; }
  .catalog-image-placeholder { padding: .5rem; }
  .catalog-plate-topline, .catalog-plate-status, .catalog-image-placeholder i { display: none; }
  .catalog-image-placeholder svg { width: 29px; height: 29px; }
  .catalog-image-placeholder strong { max-width: 94%; font-size: .7rem; }
  .catalog-image-placeholder > span { font-size: .5625rem; }
}

@media (max-width: 360px) {
  .product-card { grid-template-columns: 104px minmax(0, 1fr); }
  .product-content { padding-inline: .6rem; }
  .product-tags span { font-size: .59375rem; }
  .card-actions button { font-size: .66rem; }
}

@media (hover: none) {
  .product-card:hover .product-image img { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Readability system: preserve the Precision Lab Commerce hierarchy while enforcing a practical
   10–11px label floor, 12–14px supporting copy, stronger muted contrast, and 44px controls. */
:root {
  --accel-uploads: /wp-content/uploads/accel;
  --read-label: .6875rem;
  --read-label-compact: .625rem;
  --read-support: .8125rem;
  --read-body: .9rem;
  --read-legal: .6875rem;
  --read-muted: #4d6673;
  --read-muted-dark: rgba(230, 243, 247, .8);
}

.nav-link { font-size: .76rem; }
.icon-button, .menu-button { min-width: 42px; min-height: 42px; }
.proof-ticker-track span { font-size: var(--read-label-compact); line-height: 1.25; }
.section-label, .mini-label, .tab-kicker { font-size: var(--read-label); line-height: 1.45; }
.primary-button, .ghost-button { min-height: 46px; font-size: .82rem; }
.hero-offer-card p, .heading-copy, .catalog-hero-copy > p:last-child { font-size: var(--read-body); }
.shipping-chip { font-size: var(--read-label); }
.hero-meta span, .offer-meta span { font-size: var(--read-label-compact); line-height: 1.35; }

.product-content h3 { min-height: 1.65rem; font-size: 1rem; line-height: 1.25; }
.product-content > p { min-height: 2.9rem; color: var(--read-muted); font-size: var(--read-support); line-height: 1.55; }
.product-tags span { padding: .3rem .42rem; font-size: var(--read-label-compact); line-height: 1.15; }
.product-record { font-size: var(--read-label-compact); line-height: 1.35; }
.product-price small { font-size: var(--read-label-compact); }
.card-actions button { min-height: 42px; font-size: .74rem; }

.catalog-sidebar > p, .catalog-results-heading > p, .catalog-empty p, .area-card p,
.benchmark-intro > p:not(.section-label), .benchmark-text > p:last-child,
.faq-intro > p:not(.section-label),
.faq-accordion [data-slot="accordion-content"] { color: var(--read-muted); font-size: var(--read-support); }
.catalog-search, .catalog-sort { min-height: 46px; }
.catalog-search input, .catalog-sort { font-size: .76rem; }
.catalog-empty button, .text-button, .area-link { min-height: 42px; font-size: .72rem; }
.benchmark-ruler, .benchmark-text .mini-label, .benchmark-content li { font-size: var(--read-label-compact); }
.benchmark-content li { line-height: 1.5; }
.proof-cards h3,
.proof-cards .elementor-heading-title { font-size: .98rem; }
.faq-accordion [data-slot="accordion-trigger"] { min-height: 72px; font-size: .94rem; }

.first-order-offer-form > input { font-size: .86rem; }
.first-order-offer-form > button,.first-order-offer-action { font-size: .8rem; }
.footer-brand p, .footer-contact p { color: rgba(220,236,240,.72); font-size: .75rem; }
.footer-column h3 { font-size: .84rem; }
.footer-column button, .footer-column a { min-height: 32px; display: flex; align-items: center; font-size: .72rem; }
.footer-contact input { min-height: 42px; font-size: .76rem; }
.footer-social span, .footer-bottom { font-size: var(--read-label-compact); }

.gate-copy p:last-child { color: #526771; font-size: .8rem; line-height: 1.7; }
.gate-check { min-height: 54px; padding-block: .85rem; color: #354b56; font-size: .74rem; line-height: 1.55; }
.gate-enter { min-height: 48px; font-size: .8rem; }
.gate-leave { min-height: 38px; font-size: .68rem; }
.gate-fineprint { color: #71838a; font-size: .6rem; line-height: 1.6; }
.search-results > p { font-size: .8rem; }
.search-results button { min-height: 66px; }
.search-results b { font-size: .94rem; }
.search-results small { font-size: var(--read-label-compact); }

.product-gallery-topline, .product-media-caption { color: #476b7d; font-size: var(--read-label-compact); line-height: 1.35; }
.product-image-coa { min-height: 40px; font-size: var(--read-label-compact); }
.product-title-line > span { padding: .42rem .52rem; font-size: var(--read-label-compact); line-height: 1.15; }
.product-unit-line { font-size: .72rem; line-height: 1.4; }
.product-summary { color: #526b78; font-size: .94rem; line-height: 1.72; }
.product-price-line span { font-size: var(--read-label-compact); }
.product-evidence-row span { min-height: 30px; font-size: var(--read-label-compact); line-height: 1.35; }
.product-evidence-row svg { width: 15px; height: 15px; }
.product-field-heading { margin-bottom: .7rem; font-size: var(--read-label); line-height: 1.35; }
.product-field-heading small { font-size: var(--read-label-compact); }
.product-unit-option { min-height: 68px; }
.product-unit-option b { font-size: .94rem; }
.product-unit-option small, .product-source-note { color: #526e7d; font-size: var(--read-label-compact); line-height: 1.5; }
.product-tier-options button { min-height: 72px; }
.product-tier-options b, .product-tier-options strong { font-size: .82rem; }
.product-tier-options b em { padding: .3rem .38rem; font-size: .58rem; }
.product-tier-options small, .product-tier-total del { font-size: var(--read-label-compact); line-height: 1.45; }
.product-subscription-field > button { min-height: 68px; }
.product-subscription-field b { font-size: .82rem; }
.product-subscription-field small, .product-subscription-field em { font-size: var(--read-label-compact); line-height: 1.45; }
.product-buy-summary small { font-size: var(--read-label-compact); }
.product-buy-summary b, .product-buy-summary del { font-size: .68rem; }
.product-add-button { min-height: 54px; font-size: .82rem; }
.product-coa-link { min-height: 40px; font-size: .7rem; }
.product-assurance-grid > span { grid-template-columns: 21px 1fr; }
.product-assurance-grid svg { width: 17px; height: 17px; }
.product-assurance-grid b, .product-assurance-grid small { overflow: visible; color: #476978; font-size: .62rem; line-height: 1.35; text-overflow: clip; white-space: normal; }
.product-assurance-grid b { color: #203f53; }

.product-record-card > p:not(.section-label), .product-tab-panel p:not(.tab-kicker),
.product-monographs-intro > p:not(.section-label) { color: var(--read-muted); font-size: var(--read-body); }
.product-record-card dt { font-size: var(--read-label-compact); }
.product-record-card dd { font-size: .76rem; line-height: 1.55; }
.product-record-card button, .tab-coa-button { min-height: 42px; font-size: .72rem; }
.product-tab-trigger { min-height: 56px; font-size: .68rem !important; line-height: 1.35 !important; }
.product-monographs-key { font-size: var(--read-label-compact); line-height: 1.45; }
.product-monographs-key small { font-size: .58rem; }
.product-monographs-notice { font-size: var(--read-label-compact); line-height: 1.65; }
.product-monograph-card > header { min-height: 52px; font-size: var(--read-label-compact); line-height: 1.35; }
.monograph-scope { margin-left: auto; margin-right: .65rem; padding: .3rem .42rem; border: 1px solid #c8dfeb; color: #2a7199; background: #f0f9fd; font-size: .58rem; letter-spacing: .055em; }
.monograph-label { font-size: var(--read-label-compact); }
.monograph-column > p:last-child { color: #526a78; font-size: .8rem; line-height: 1.8; }
.monograph-sources { display: grid; border-top: 1px solid #dce9ef; background: #f9fcfe; }
.monograph-sources a, .monograph-source-record { min-height: 62px; padding: .7rem 1rem; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; column-gap: .8rem; color: #1e5f83; border-bottom: 1px solid #e4edf2; transition: background .16s ease, color .16s ease; }
.monograph-sources a:last-child, .monograph-source-record:last-child { border-bottom: 0; }
.monograph-sources a:hover { color: #0b3d5e; background: #f0f8fc; }
.monograph-sources a span, .monograph-sources a strong, .monograph-source-record span, .monograph-source-record strong { grid-column: 1; }
.monograph-sources a span, .monograph-source-record span { font: 700 .6rem/1.3 "DM Mono", monospace; letter-spacing: .045em; text-transform: uppercase; }
.monograph-sources a strong, .monograph-source-record strong { margin-top: .22rem; color: #294c61; font: 650 .75rem/1.4 "Space Grotesk", sans-serif; }
.monograph-sources a svg { grid-column: 2; grid-row: 1 / span 2; width: 16px; height: 16px; }
.monograph-source-record small { grid-column: 1; margin-top: .45rem; color: #6f8794; font: 700 .53rem/1.35 "DM Mono", monospace; letter-spacing: .06em; text-transform: uppercase; }

.product-proof-grid p, .product-ruo-layout > p:last-of-type { color: var(--read-muted-dark); font-size: var(--read-support); }
.product-related-card { cursor: pointer; }
.product-related-card:focus-visible { outline: 3px solid rgba(40,132,184,.3); outline-offset: 4px; }
.related-meta { color: #456b7f; font-size: var(--read-label-compact); line-height: 1.5; }
.related-proof span { min-height: 28px; padding: .32rem .4rem; font-size: .56rem; }
.related-proof svg { width: 13px; height: 13px; }
.related-card-actions { min-height: 40px; }
.related-card-link-label, .related-card-actions button { min-height: 38px; display: inline-flex; align-items: center; font-size: .7rem; }
.related-card-actions button { padding-inline: .45rem; }
.related-record-plate header { font-size: .52rem; }
.related-record-plate svg { width: 25px; height: 25px; }
.related-record-plate > b { font-size: .76rem; line-height: 1.15; }
.related-record-plate > small { font-size: .52rem; }
.related-record-plate footer { font-size: .48rem; }
.product-missing-page > p:not(.section-label) { font-size: var(--read-body); line-height: 1.7; }
.product-missing-page > a, .product-ruo-layout button { min-height: 44px; font-size: .7rem; }

.checkout-header nav, .checkout-header > span, .checkout-return { font-size: var(--read-label-compact); line-height: 1.35; }
.checkout-title > p:last-child { color: var(--read-muted); font-size: var(--read-body); }
.checkout-addon { min-height: 82px; }
.checkout-addon small, .checkout-addon em { font-size: .58rem; line-height: 1.35; }
.checkout-addon b { font-size: .78rem; }
.checkout-section-heading > span { width: 28px; height: 28px; font-size: var(--read-label-compact); }
.checkout-section-heading h2 { font-size: 1.1rem; }
.checkout-section-heading p { color: #637b88; font-size: var(--read-label-compact); }
.checkout-field > span { font-size: var(--read-label-compact); line-height: 1.35; }
.checkout-field input, .checkout-field select { min-height: 48px; font-size: .78rem; }
.checkout-payment-options > button { min-height: 72px; }
.checkout-payment-options b { font-size: .8rem; }
.checkout-payment-options small, .checkout-payment-options em { font-size: var(--read-label-compact); line-height: 1.35; }
.checkout-handoff-note p, .checkout-consent p { color: #4f6b79; font-size: .7rem; line-height: 1.65; }
.checkout-availability-status { font-size: .66rem; }
.checkout-submit { min-height: 52px; font-size: .8rem; }
.checkout-submit-caption { font-size: .58rem; }
.checkout-summary-heading span { font-size: .58rem; }
.checkout-line h3 { font-size: .78rem; }
.checkout-line p { font-size: .6rem; line-height: 1.45; }
.checkout-line > strong { font-size: .72rem; }
.checkout-line-controls button, .checkout-line-controls output { min-width: 34px; min-height: 34px; font-size: .66rem; }
.checkout-coupon input { height: 44px; font-size: .72rem; }
.checkout-coupon button { min-height: 44px; font-size: .7rem; }
.checkout-shipping > p, .checkout-shipping b, .checkout-shipping strong { font-size: var(--read-label-compact); }
.checkout-shipping small { font-size: .58rem; }
.checkout-totals > div { font-size: .7rem; }
.checkout-totals > div:last-child { font-size: .86rem; }
.checkout-totals dt small { font-size: .56rem; }

.cart-drawer-close { width: 40px; height: 40px; }
.cart-drawer-confirmation { font-size: var(--read-label-compact); }
.cart-drawer-header [data-slot="sheet-description"] { color: #526c7b; font-size: .76rem; line-height: 1.6; }
.cart-drawer-record-copy p { font-size: .58rem; }
.cart-drawer-record-copy h3 { font-size: .9rem; }
.cart-drawer-record-copy > span, .cart-drawer-record-copy > small,
.cart-drawer-added-price del { font-size: .6rem; line-height: 1.45; }
.cart-drawer-added-price strong { font-size: .86rem; }
.cart-drawer-added-price span { font-size: .54rem; }
.cart-drawer-ledger p { min-height: 48px; font-size: .64rem; }
.cart-drawer-ledger .cart-drawer-subtotal { font-size: .8rem; }
.cart-drawer-proof b { font-size: .7rem; }
.cart-drawer-proof span { color: #526e7c; font-size: .64rem; line-height: 1.5; }
.cart-drawer-continue, .cart-drawer-checkout { min-height: 50px; font-size: .76rem; }
.cart-drawer-footer > p { color: #687b84; font-size: .54rem; }
.checkout-empty-copy > p:not(.section-label) { font-size: var(--read-body); }
.checkout-empty-copy > a { min-height: 44px; font-size: .72rem; }
.checkout-empty-record > p, .checkout-empty-record small { font-size: .58rem; }
.checkout-empty-record b { font-size: .74rem; }

@media (max-width: 560px) {
  .proof-ticker-track span { font-size: .58rem; }
  .hero-copy p { font-size: .94rem; }
  .hero-meta span { font-size: .58rem; }
  .product-grid { grid-template-columns: 1fr; gap: .75rem; }
  .product-content { padding: .72rem .68rem .68rem; }
  .product-content h3 { font-size: .95rem; line-height: 1.16; }
  .product-content > p { min-height: 0; font-size: .7rem; }
  .product-tags span, .product-record { font-size: .625rem; }
  .card-actions button { min-height: 44px; font-size: .7rem; }
  .catalog-hero-copy > p:last-child { font-size: .84rem; }
  .catalog-results-meta { font-size: .58rem; }
  .catalog-card-category span, .catalog-card-category b,
  .catalog-image-placeholder span, .catalog-image-placeholder i { font-size: .625rem; }
  .gate-copy p:last-child { font-size: .76rem; }
  .gate-check { font-size: .72rem; }
  .product-gallery-topline, .product-image-coa, .product-media-caption { font-size: .58rem; }
  .product-title-line > span { font-size: .58rem; }
  .product-unit-line { font-size: .66rem; }
  .product-summary { font-size: .86rem; line-height: 1.65; }
  .product-evidence-row span { font-size: .58rem; }
  .product-assurance-grid { grid-template-columns: 1fr; }
  .product-assurance-grid b, .product-assurance-grid small { font-size: .62rem; }
  .product-tab-panel p:not(.tab-kicker), .monograph-column > p:last-child { font-size: .78rem; }
  .product-monograph-card > header { align-items: flex-start; flex-wrap: wrap; padding-block: .8rem; }
  .monograph-scope { order: 3; width: fit-content; margin: .35rem 0 0; }
  .monograph-sources a, .monograph-source-record { min-height: 66px; }
  .product-monograph-notice { font-size: .6rem; }
  .product-related-card { grid-template-columns: 118px 1fr; }
  .related-record-plate header { font-size: .48rem; }
  .related-record-plate > b { font-size: .7rem; }
  .related-record-plate > small, .related-record-plate footer { font-size: .48rem; }
  .checkout-header > span { font-size: .56rem; }
  .checkout-layout { width: min(100% - 1.25rem, 620px); }
  .checkout-line { grid-template-columns: 56px minmax(0,1fr) auto; }
  .checkout-line-image { width: 56px; height: 56px; }
  .cart-drawer-record-copy h3 { font-size: .84rem; }
  .cart-drawer-added-price { row-gap: .45rem; }
}

/* Checkout incentive system: the checkout-only add-on, order thresholds, and first-order promotion use
   the established clinical record language—crisp blue rules, restrained mint confirmation, and no catalog styling. */
.checkout-threshold { margin-top: .85rem; padding: .8rem .75rem .7rem; border: 1px solid #bed9e7; border-radius: 5px; background: linear-gradient(135deg,#f4fbfe 0%,#f8fcfb 100%); }
.checkout-threshold-heading { display: flex; align-items: flex-start; gap: .55rem; color: #24739a; }
.checkout-threshold-heading p { margin: 0; color: #315766; font-size: .68rem; font-weight: 700; line-height: 1.45; }
.checkout-threshold-track { position: relative; height: 8px; margin-top: .72rem; border-radius: 999px; background: #dce9e8; box-shadow: inset 0 1px 2px rgba(12,58,77,.09); }
.checkout-threshold-track > span { position: absolute; inset: 0 auto 0 0; border-radius: inherit; background: linear-gradient(90deg,#2b7ea6,#54c6d7); transition: width .26s var(--ease-out); }
.checkout-threshold-track i { position: absolute; top: 50%; width: 13px; height: 13px; border: 2px solid #fff; border-radius: 50%; background: #8fb7bd; box-shadow: 0 0 0 1px #8fb7bd; transform: translate(-50%,-50%); }
.checkout-threshold-track .shipping-mark { left: 66.666%; }
.checkout-threshold-labels { margin-top: .45rem; display: grid; grid-template-columns: 1fr 1fr; color: #6f8488; font: 600 .48rem/1.3 "DM Mono", monospace; }
.checkout-threshold-labels span:nth-child(2) { text-align: center; }
.checkout-threshold-labels b { color: #2f697d; font-weight: 800; }
.checkout-line-controls button:disabled { cursor: not-allowed; opacity: .38; }
.checkout-coupon.active input { border-color: #6db4d1; background: #f4fbfe; }
.checkout-coupon-note { margin: -.15rem 0 .7rem; display: flex; align-items: flex-start; gap: .35rem; color: #216b54; font-size: .6rem; font-weight: 700; line-height: 1.45; }
.checkout-coupon-note svg { flex: 0 0 auto; margin-top: .1rem; }
.checkout-recurring-note { margin: 0 0 .75rem; padding: .7rem; display: flex; align-items: flex-start; gap: .55rem; border: 1px solid #bcdce7; border-radius: 4px; color: #2a7599; background: #f0f8fb; }
.checkout-recurring-note p { margin: 0; display: grid; gap: .2rem; }
.checkout-recurring-note b { color: #294955; font-size: .68rem; }
.checkout-recurring-note span { color: #607a83; font-size: .58rem; line-height: 1.45; }

@media (max-width: 700px) {
}

@media (max-width: 420px) {
  .checkout-threshold-labels { font-size: .43rem; }
}

/* Shared storefront chrome: the announcement remains in document flow while the header takes over at the
   viewport edge. Navigation and support routes use the same compact clinical hierarchy on every page. */
.announcement-bar { position: relative; z-index: 41; min-height: 50px; padding: .35rem max(2rem,calc((100vw - 1600px)/2)); display: grid; grid-template-columns: 36px minmax(0,1fr) 36px; align-items: center; color: #eaf7fb; background: #061725; border-bottom: 1px solid rgba(144,218,231,.16); }
.announcement-bar--shop { position: sticky; top: 0; z-index: 60; min-height: var(--shop-announcement-height, 58px); background: #061d35; box-shadow: 0 3px 14px rgba(4,22,41,.22); }
.announcement-bar p { margin: 0; text-align: center; font: 700 .68rem/1.35 "DM Mono", monospace; letter-spacing: .055em; text-transform: uppercase; animation: announcement-in .24s var(--ease-out) both; }
.announcement-bar--shop p { color: #fff; font-size: .84rem; letter-spacing: .07em; }
.announcement-bar button { width: 28px; height: 24px; display: inline-flex; align-items: center; justify-content: center; color: rgba(227,247,250,.72); background: transparent; border: 1px solid transparent; border-radius: 3px; transition: color .16s var(--ease-out), border-color .16s var(--ease-out), transform .16s var(--ease-out); }
.announcement-bar button:hover { color: #fff; border-color: rgba(175,226,235,.28); }
.announcement-bar button:active { transform: scale(.94); }
@keyframes announcement-in { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: translateY(0); } }

.site-header .desktop-nav { gap: clamp(.55rem,1.25vw,.95rem); }
.site-header .nav-link { position: relative; }
.site-header .nav-link--active { color: var(--signal-blue); }
.site-header .nav-link--active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -.48rem; height: 2px; background: var(--accent-blue); }

.back-to-top { position: fixed; left: clamp(.75rem,2vw,1.5rem); bottom: clamp(.75rem,2vw,1.5rem); z-index: 35; width: 48px; min-width: 48px; min-height: 54px; padding: .45rem .2rem .4rem; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: .12rem; color: #f7fbff; background: #06131f; border: 1px solid rgba(255,255,255,.58); border-radius: 2px; box-shadow: none; opacity: 0; pointer-events: none; transform: translateY(12px); transition: opacity .2s var(--ease-out), transform .2s var(--ease-out), background .16s var(--ease-out), border-color .16s var(--ease-out); }
.back-to-top.visible { opacity: 1; pointer-events: auto; transform: translateY(0); }
.back-to-top:hover { background: #0b1c2c; border-color: rgba(255,255,255,.88); }
.back-to-top:active { transform: scale(.97); }
.back-to-top svg { display: block; }
.back-to-top span { font: 800 .48rem/1 "DM Mono", monospace; letter-spacing: .1em; }

.footer-grid--cohesive { grid-template-columns: 1.35fr .62fr .62fr .68fr 1fr; }
.footer-brand > a { display: inline-flex; }
.footer-column a { color: rgba(211,229,233,.66); font-size: .68rem; line-height: 1.5; text-decoration: none; transition: color .18s var(--ease-out); }
.footer-column a:hover { color: var(--accent-blue); }
.footer-support a { display: inline-flex; align-items: center; gap: .45rem; overflow-wrap: anywhere; }
.footer-support a svg { flex: 0 0 auto; color: #79d6e2; }
.footer-bottom a { color: inherit; text-decoration: none; }
.footer-bottom a:hover { color: var(--accent-blue); }

@media (max-width: 980px) {
  .footer-grid--cohesive { grid-template-columns: 1.25fr repeat(3,1fr); }
  .footer-grid--cohesive .footer-support { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
  .announcement-bar { min-height: 38px; padding-inline: .55rem; grid-template-columns: 30px minmax(0,1fr) 30px; }
  .announcement-bar--shop { min-height: var(--shop-announcement-height, 48px); }
  .announcement-bar p { font-size: .55rem; letter-spacing: .025em; }
  .announcement-bar--shop p { font-size: .67rem; letter-spacing: .04em; }
  .site-header--with-announcement { top: var(--shop-announcement-height, 48px); }
  .back-to-top { width: 44px; min-width: 44px; min-height: 44px; padding: .35rem; }
  .back-to-top span { display: none; }
  .footer-grid--cohesive { grid-template-columns: 1fr 1fr; }
  .footer-grid--cohesive .footer-brand, .footer-grid--cohesive .footer-support { grid-column: 1 / -1; }
}

@media (prefers-reduced-motion: reduce) {
  .announcement-bar p, .proof-ticker-track { animation: none; }
  .back-to-top { transition: opacity .01ms linear; }
}

/* Contact, FAQ, and About content pages: original Accel compositions built from asymmetric record panels,
   searchable evidence rows, and a documentary navy narrative field rather than generic centered cards. */
.support-hero { position: relative; overflow: hidden; color: #eaf7fa; background: #071b2a; }
.support-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg,rgba(58,146,185,.22),transparent 43%), repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(159,213,223,.06) calc(12.5% - 1px),rgba(159,213,223,.06) 12.5%); }
.support-hero-grid { position: relative; z-index: 1; min-height: 470px; display: grid; grid-template-columns: minmax(0,1.28fr) minmax(270px,.72fr); align-items: center; gap: clamp(2.5rem,8vw,8rem); padding-block: 5.5rem; }
.support-hero-copy { max-width: 720px; }
.support-hero-copy .section-label, .about-accel-hero .section-label { color: #7fdbe5; }
.support-hero-copy h1 { max-width: 690px; margin: 1rem 0 1.25rem; font: 650 clamp(3rem,6.2vw,5.8rem)/.94 "Space Grotesk",sans-serif; letter-spacing: -.07em; }
.support-hero-copy > p:not(.section-label) { max-width: 620px; margin: 0; color: rgba(224,240,244,.7); font-size: .98rem; line-height: 1.72; }
.support-direct-links { margin-top: 2.2rem; display: flex; flex-wrap: wrap; gap: .75rem; }
.support-direct-links a { min-height: 58px; padding: .75rem 1rem; display: inline-flex; align-items: center; gap: .7rem; border: 1px solid rgba(137,207,220,.28); color: #edfafd; background: rgba(13,50,70,.65); text-decoration: none; transition: border-color .18s var(--ease-out), background .18s var(--ease-out), transform .16s var(--ease-out); }
.support-direct-links a:hover { border-color: #73d0dd; background: rgba(22,75,99,.78); }
.support-direct-links a:active { transform: scale(.98); }
.support-direct-links a > span { display: grid; gap: .24rem; font-size: .72rem; font-weight: 750; }
.support-direct-links small { color: #81c8d5; font: 600 .5rem/1 "DM Mono",monospace; letter-spacing: .08em; text-transform: uppercase; }
.support-index { min-height: 254px; padding: 1.45rem; align-self: end; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid rgba(143,208,219,.26); background: linear-gradient(145deg,rgba(14,56,78,.84),rgba(6,26,42,.7)); box-shadow: 20px 20px 0 rgba(61,150,187,.12); }
.support-index > span { color: #7fdce6; font: 700 .56rem/1 "DM Mono",monospace; letter-spacing: .1em; }
.support-index strong { font: 650 clamp(1.35rem,2.3vw,2rem)/1.15 "Space Grotesk",sans-serif; letter-spacing: -.04em; }
.support-index p { margin: 0; color: rgba(226,242,245,.55); font: 600 .58rem/1 "DM Mono",monospace; text-transform: uppercase; }

.support-form-section { padding: clamp(4.5rem,8vw,7.5rem) 0; background: #f7faf9; }
.support-form-grid { display: grid; grid-template-columns: minmax(260px,.78fr) minmax(0,1.22fr); gap: clamp(3rem,8vw,8rem); align-items: start; }
.support-form-intro h2 { margin: .85rem 0 1rem; color: #102f43; font: 650 clamp(2.5rem,4.5vw,4rem)/.98 "Space Grotesk",sans-serif; letter-spacing: -.06em; }
.support-form-intro > p:not(.section-label) { margin: 0; color: #60737b; font-size: .82rem; line-height: 1.75; }
.support-topic-list { margin-top: 2.3rem; border-top: 1px solid #cfdde0; }
.support-topic-list article { padding: 1rem 0; display: grid; grid-template-columns: 24px 28px minmax(0,1fr); gap: .7rem; border-bottom: 1px solid #d8e3e5; }
.support-topic-list article > span { color: #4f8ca5; font: 700 .52rem/1.4 "DM Mono",monospace; }
.support-topic-list svg { color: #2d7fa3; }
.support-topic-list h3 { margin: 0; color: #203f4d; font-size: .78rem; }
.support-topic-list p { margin: .32rem 0 0; color: #687d84; font-size: .66rem; line-height: 1.55; }
.support-form { padding: clamp(1.35rem,3.4vw,2.5rem); display: grid; gap: 1rem; border: 1px solid #bfd2d9; border-top: 4px solid var(--signal-blue); background: #fff; box-shadow: 0 20px 60px rgba(10,55,74,.08); }
.support-form-heading { margin-bottom: .3rem; padding-bottom: 1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #dce6e8; }
.support-form-heading span { color: #1c607e; font: 800 .6rem/1 "DM Mono",monospace; letter-spacing: .1em; }
.support-form-heading small { color: #788b91; font-size: .58rem; }
.support-form label { display: grid; gap: .4rem; }
.support-form label > span { color: #4e6974; font: 700 .58rem/1 "DM Mono",monospace; letter-spacing: .045em; text-transform: uppercase; }
.support-form input, .support-form select, .support-form textarea { width: 100%; border: 1px solid #c8d8dd; border-radius: 3px; color: #183848; background: #fbfdfd; font: 500 .76rem/1.4 "Space Grotesk",sans-serif; outline: none; transition: border-color .18s var(--ease-out), box-shadow .18s var(--ease-out); }
.support-form input, .support-form select { min-height: 46px; padding: 0 .75rem; }
.support-form textarea { resize: vertical; min-height: 150px; padding: .75rem; }
.support-form input:focus, .support-form select:focus, .support-form textarea:focus { border-color: #438eb0; box-shadow: 0 0 0 3px rgba(75,153,188,.12); }
.support-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.support-form .primary-button { width: fit-content; margin-top: .35rem; }
.support-form-disclosure { margin: 0; display: flex; align-items: flex-start; gap: .4rem; color: #6a7f86; font-size: .59rem; line-height: 1.5; }
.support-form-disclosure svg { flex: 0 0 auto; color: #2e8e6a; }
.support-next-step { padding: 3.6rem 0; background: #dff1f5; border-top: 1px solid #bddbe2; }
.support-next-step-grid { display: grid; grid-template-columns: .8fr 1fr auto; gap: 2.5rem; align-items: center; }
.support-next-step h2 { margin: .6rem 0 0; color: #12384c; font: 650 clamp(1.8rem,3.2vw,2.8rem)/1 "Space Grotesk",sans-serif; letter-spacing: -.055em; }
.support-next-step-grid > p { margin: 0; color: #52717b; font-size: .78rem; line-height: 1.65; }
.support-next-step-grid > div:last-child { display: flex; gap: .6rem; }
.support-next-step-grid .ghost-button { color: #fff; background: #6e7f88; border-color: transparent; box-shadow: none; }
.support-next-step-grid .ghost-button:hover { color: #fff; background: #5c6d76; border-color: transparent; }
.support-next-step-grid .primary-button { box-shadow: none; }

.faq-index-hero { padding: clamp(4.5rem,9vw,8rem) 0 3.4rem; background: #f5f8f7; border-bottom: 1px solid #dbe5e6; }
.faq-index-heading { max-width: 940px; margin-inline: auto; }
.faq-index-heading h1 { max-width: 820px; margin: 1rem 0 1rem; color: #102f43; font: 650 clamp(3rem,7vw,6.2rem)/.93 "Space Grotesk",sans-serif; letter-spacing: -.075em; }
.faq-index-heading > p:not(.section-label) { max-width: 670px; margin: 0; color: #60747b; font-size: .94rem; line-height: 1.7; }
.faq-index-heading > span { width: fit-content; margin-top: 1.7rem; padding: .4rem .55rem; display: block; border: 1px solid #bdd1d8; color: #426979; background: #fff; font: 700 .55rem/1 "DM Mono",monospace; letter-spacing: .08em; }
.faq-index-content { padding: 3.5rem 0 clamp(5rem,9vw,8rem); background: #fff; }
.faq-search-field { min-height: 62px; padding: 0 1rem; display: grid; grid-template-columns: 24px minmax(0,1fr) auto; align-items: center; gap: .7rem; border: 1px solid #b9ced6; border-left: 4px solid var(--signal-blue); background: #fbfdfd; box-shadow: 0 10px 36px rgba(19,65,82,.05); }
.faq-search-field svg { color: #367c9b; }
.faq-search-field input { min-width: 0; border: 0; outline: 0; color: #1b3e4f; background: transparent; font-size: .8rem; }
.faq-search-field small { color: #64808a; font: 700 .52rem/1 "DM Mono",monospace; text-transform: uppercase; }
.faq-filter-row { margin-top: .85rem; display: flex; flex-wrap: wrap; gap: .5rem; }
.faq-filter-row button { min-height: 38px; padding: .55rem .7rem; display: inline-flex; align-items: center; gap: .6rem; border: 1px solid #cad9dc; border-radius: 3px; color: #48636e; background: #fff; font-size: .62rem; font-weight: 750; transition: color .16s var(--ease-out), border-color .16s var(--ease-out), background .16s var(--ease-out), transform .16s var(--ease-out); }
.faq-filter-row button:hover, .faq-filter-row button.active { color: #0d587a; border-color: #65a9c4; background: #eff8fa; }
.faq-filter-row button:active { transform: scale(.98); }
.faq-filter-row span { min-width: 20px; padding: .18rem .3rem; border-radius: 99px; color: #397189; background: #dceff3; font: 800 .49rem/1 "DM Mono",monospace; text-align: center; }
.faq-groups { margin-top: 4.2rem; }
.faq-group + .faq-group { margin-top: 4.4rem; }
.faq-group-heading { padding: 0 0 1rem 1rem; display: flex; justify-content: space-between; align-items: end; gap: 1rem; border-left: 3px solid var(--accent-blue); border-bottom: 1px solid #cbdadc; }
.faq-group-heading > div { display: flex; align-items: baseline; gap: .75rem; }
.faq-group-heading span { color: #43829b; font: 700 .56rem/1 "DM Mono",monospace; }
.faq-group-heading h2 { margin: 0; color: #183b4b; font: 650 clamp(1.75rem,3vw,2.5rem)/1 "Space Grotesk",sans-serif; letter-spacing: -.055em; }
.faq-group-heading small { color: #5d7b86; font: 700 .52rem/1 "DM Mono",monospace; text-transform: uppercase; }
.faq-accordion [data-slot="accordion-item"] { border-color: #d6e1e3; }
.faq-accordion [data-slot="accordion-trigger"] { min-height: 64px; padding: 1rem .15rem; color: #203f4b; border-radius: 0; font: 650 .84rem/1.45 "Space Grotesk",sans-serif; text-decoration: none; }
.faq-accordion [data-slot="accordion-trigger"]:hover { color: #1b7599; text-decoration: none; }
.faq-accordion [data-slot="accordion-trigger"] svg { color: #3e819c; }
.faq-accordion [data-slot="accordion-content"] > div { padding: .1rem 2.75rem 1.25rem 0; }
.faq-accordion [data-slot="accordion-content"] p { max-width: 880px; margin: 0; color: #5f747b; font-size: .72rem; line-height: 1.75; }
.faq-accordion [data-slot="accordion-content"] a { width: fit-content; margin-top: .75rem; display: inline-flex; align-items: center; gap: .35rem; color: #16769e; font-size: .66rem; font-weight: 800; text-decoration: none; }
.faq-empty { padding: 5rem 1rem; border: 1px dashed #aac2ca; text-align: center; background: #f8fbfb; }
.faq-empty span { color: #568091; font: 700 .56rem/1 "DM Mono",monospace; letter-spacing: .08em; }
.faq-empty h2 { margin: .8rem 0 1.25rem; color: #173c4e; font-size: 2rem; }
.faq-empty button { color: #156e91; background: transparent; font-size: .7rem; font-weight: 800; text-decoration: underline; text-underline-offset: 4px; }
.faq-contact-band { padding: 3.6rem 0; color: #eef9fb; background: #092336; }
.faq-contact-band > div { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.faq-contact-band .section-label { color: #74d0dc; }
.faq-contact-band h2 { max-width: 720px; margin: .65rem 0 0; font: 650 clamp(2rem,4vw,3.6rem)/.98 "Space Grotesk",sans-serif; letter-spacing: -.06em; }

.about-accel-main { color: #dbeef2; background: #071d2c; }
.about-accel-hero { position: relative; overflow: hidden; border-bottom: 1px solid rgba(141,210,220,.16); }
.about-accel-hero::before { content: ""; position: absolute; inset: 0; opacity: .35; background-image: linear-gradient(rgba(129,199,212,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(129,199,212,.09) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg,#000,transparent 76%); }
.about-orbit { position: absolute; right: -9vw; top: 50%; width: min(58vw,760px); aspect-ratio: 1; border: 1px solid rgba(122,205,218,.15); border-radius: 50%; transform: translateY(-50%); }
.about-orbit::before, .about-orbit::after { content: ""; position: absolute; border: 1px solid rgba(122,205,218,.11); border-radius: 50%; }
.about-orbit::before { inset: 13%; }
.about-orbit::after { inset: 27%; }
.about-orbit i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #71d5e1; box-shadow: 0 0 22px #71d5e1; }
.about-orbit i:nth-child(1) { left: 12%; top: 34%; }
.about-orbit i:nth-child(2) { right: 24%; top: 16%; }
.about-orbit i:nth-child(3) { right: 12%; bottom: 30%; }
.about-accel-hero-grid { position: relative; z-index: 1; min-height: 630px; padding-block: clamp(5rem,10vw,9rem) 4rem; display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.55fr); gap: clamp(3rem,9vw,9rem); align-items: end; }
.about-accel-hero h1 { max-width: 900px; margin: 1rem 0 1.4rem; font: 650 clamp(3.4rem,7.4vw,7.2rem)/.9 "Space Grotesk",sans-serif; letter-spacing: -.08em; }
.about-accel-hero h1 em { color: #72d4e0; font-style: normal; }
.about-accel-hero-grid > div:first-child > p:last-child { max-width: 670px; margin: 0; color: rgba(218,238,242,.68); font-size: .94rem; line-height: 1.75; }
.about-proof-table { border-top: 1px solid rgba(148,209,218,.28); }
.about-proof-table article { padding: 1rem 0; display: grid; grid-template-columns: 74px 1fr; align-items: center; gap: .75rem; border-bottom: 1px solid rgba(148,209,218,.22); }
.about-proof-table strong { color: #81dbe5; font: 650 2.1rem/1 "Space Grotesk",sans-serif; letter-spacing: -.05em; }
.about-proof-table span { color: rgba(225,242,245,.62); font: 650 .56rem/1.45 "DM Mono",monospace; text-transform: uppercase; }
.about-accel-story { padding: clamp(5rem,10vw,9rem) 0; background: #0a2233; }
.about-story-layout { display: grid; grid-template-columns: 280px minmax(0,1fr); gap: clamp(3rem,8vw,8rem); align-items: start; }
.about-story-layout > aside { position: sticky; top: 100px; }
.about-story-layout > aside span { color: #72d2de; font: 750 .56rem/1.4 "DM Mono",monospace; letter-spacing: .08em; }
.about-story-layout > aside p { margin: 1rem 0 0; color: rgba(219,237,241,.55); font-size: .72rem; line-height: 1.75; }
.about-story-rail { position: relative; }
.about-story-rail::before { content: ""; position: absolute; left: 19px; top: 8px; bottom: 8px; width: 1px; background: linear-gradient(#70d5e1,rgba(112,213,225,.08)); }
.about-story-rail article { position: relative; display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 1.3rem; padding-bottom: clamp(3.5rem,7vw,6.4rem); }
.about-story-rail article:last-child { padding-bottom: 0; }
.about-story-index { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: .55rem; }
.about-story-index span { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(110,211,223,.5); border-radius: 50%; color: #79d7e2; background: #0a2233; font: 750 .54rem/1 "DM Mono",monospace; }
.about-story-index svg { color: rgba(117,211,222,.55); }
.about-story-rail h2 { margin: .15rem 0 1.1rem; font: 650 clamp(2rem,4vw,3.5rem)/1 "Space Grotesk",sans-serif; letter-spacing: -.06em; }
.about-story-rail p { max-width: 760px; margin: 0 0 .9rem; color: rgba(219,237,241,.66); font-size: .82rem; line-height: 1.78; }
.about-story-rail p + p { color: rgba(201,226,231,.48); }
.about-accel-cta { padding: clamp(4.5rem,8vw,7rem) 0; color: #173b4b; background: #e6f2f4; }
.about-cta-grid { display: grid; grid-template-columns: 1fr auto; gap: 3rem; align-items: end; }
.about-cta-grid h2 { max-width: 760px; margin: .75rem 0 1rem; font: 650 clamp(2.5rem,5vw,4.8rem)/.94 "Space Grotesk",sans-serif; letter-spacing: -.07em; }
.about-cta-grid > div:first-child > p:last-child { max-width: 680px; margin: 0; color: #59737c; font-size: .8rem; line-height: 1.7; }
.about-cta-links { display: grid; gap: .6rem; justify-items: stretch; }
.about-cta-links .primary-button { color: #fff; background: #0a2346; box-shadow: none; }
.about-cta-links .primary-button:hover { background: #12406e; }
.about-cta-links .ghost-button { color: #fff; background: #6a8491; border-color: transparent; box-shadow: none; }
.about-cta-links .ghost-button:hover { color: #fff; background: #5a7380; border-color: transparent; }
.about-cta-links > a:last-child { margin-top: .25rem; color: #1d6f91; font-size: .68rem; font-weight: 800; text-align: center; text-decoration: underline; text-underline-offset: 4px; }
.about-accel-cta .section-label { color: #2f8fcb; }

@media (max-width: 900px) {
  .support-hero-grid, .support-form-grid, .about-accel-hero-grid { grid-template-columns: 1fr; }
  .support-index { width: min(100%,470px); min-height: 210px; align-self: auto; }
  .support-next-step-grid { grid-template-columns: 1fr 1fr; }
  .support-next-step-grid > div:last-child { grid-column: 1 / -1; }
  .about-accel-hero-grid { min-height: 0; }
  .about-proof-table { width: min(100%,650px); display: grid; grid-template-columns: repeat(3,1fr); }
  .about-proof-table article { grid-template-columns: 1fr; align-content: start; border-right: 1px solid rgba(148,209,218,.22); padding: 1rem; }
  .about-story-layout { grid-template-columns: 1fr; }
  .about-story-layout > aside { position: static; max-width: 620px; }
  .about-cta-grid { grid-template-columns: 1fr; align-items: start; }
  .about-cta-links { width: min(100%,320px); }
}

@media (max-width: 620px) {
  .support-hero-grid { min-height: 0; padding-block: 4.25rem; }
  .support-hero-copy h1 { font-size: clamp(2.75rem,14vw,4rem); }
  .support-direct-links { display: grid; }
  .support-direct-links a { width: 100%; }
  .support-index { min-height: 190px; box-shadow: 10px 10px 0 rgba(61,150,187,.12); }
  .support-form-row, .support-next-step-grid { grid-template-columns: 1fr; }
  .support-next-step-grid > div:last-child { grid-column: auto; flex-direction: column; }
  .support-next-step-grid a { width: 100%; }
  .faq-index-hero { padding-top: 4rem; }
  .faq-index-heading h1 { font-size: clamp(2.8rem,14vw,4rem); }
  .faq-search-field { min-height: 56px; grid-template-columns: 20px minmax(0,1fr); }
  .faq-search-field small { display: none; }
  .faq-filter-row { flex-wrap: nowrap; overflow-x: auto; padding-bottom: .35rem; scrollbar-width: none; }
  .faq-filter-row::-webkit-scrollbar { display: none; }
  .faq-filter-row button { flex: 0 0 auto; }
  .faq-group-heading { align-items: start; }
  .faq-group-heading > div { align-items: start; }
  .faq-group-heading small { display: none; }
  .faq-accordion [data-slot="accordion-trigger"] { font-size: .78rem; }
  .faq-accordion [data-slot="accordion-content"] > div { padding-right: .5rem; }
  .faq-contact-band > div { align-items: flex-start; flex-direction: column; }
  .about-accel-hero-grid { padding-block: 4.8rem 3rem; }
  .about-accel-hero h1 { font-size: clamp(3rem,15vw,4.6rem); }
  .about-orbit { width: 100vw; right: -45vw; top: 35%; }
  .about-proof-table { grid-template-columns: 1fr; }
  .about-proof-table article { grid-template-columns: 62px 1fr; border-right: 0; padding-inline: 0; }
  .about-story-rail article { gap: .85rem; }
  .about-story-rail h2 { font-size: 2.1rem; }
  .about-story-rail p { font-size: .74rem; }
}

/* COA Library and product-specific document viewer — documentary proof stays product-bound, source-honest, and internal. */
.section-cta { flex-wrap: wrap; align-items: center; gap: .75rem; }
.coa-section-link, .benchmark-library-link { width: fit-content; min-height: 38px; padding: .55rem .7rem; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; border: 1px solid #a9c9d9; border-radius: 3px; color: #165f84; background: #f6fbfd; font-size: .64rem; font-weight: 800; text-decoration: none; transition: color .18s var(--ease-out), border-color .18s var(--ease-out), background .18s var(--ease-out), transform .16s var(--ease-out); }
.coa-section-link:hover, .benchmark-library-link:hover { color: #0a3857; border-color: #5ba4c8; background: #e9f6fb; }
.coa-section-link:active, .benchmark-library-link:active { transform: scale(.98); }
.benchmark-library-link { margin-top: 1.4rem; color: #dff4ff; border-color: rgba(129,201,244,.44); background: rgba(129,201,244,.09); }
.benchmark-library-link:hover { color: #fff; border-color: rgba(129,201,244,.78); background: rgba(129,201,244,.18); }
.benchmark-library-link::before,
.benchmark-library-link::after {
  content: "";
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  background: currentColor;
  -webkit-mask: no-repeat center / contain;
  mask: no-repeat center / contain;
}
.benchmark-library-link::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cpath d='m9 15 2 2 4-4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cpath d='m9 15 2 2 4-4'/%3E%3C/svg%3E");
}
.benchmark-library-link::after {
  width: 14px;
  height: 14px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
}
.proof-copy .coa-section-link { margin-top: 1.25rem; }
.faq-intro-actions { margin-top: 1.35rem; display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; }
.faq-intro-actions .text-button { margin-top: 0; }
.product-proof-coa { width: fit-content; margin-top: .85rem; padding: .4rem 0; display: inline-flex; align-items: center; gap: .35rem; color: #1d7197; background: transparent; font-size: .62rem; font-weight: 800; }

.coa-library-main { min-height: 70vh; background: #f7fafc; }
.coa-library-hero { position: relative; overflow: hidden; padding: clamp(4.8rem,9vw,7.8rem) 0 3.5rem; color: #eef8fb; background: #071a2f; border-bottom: 1px solid #183c59; }
.coa-library-hero::before { content: ""; position: absolute; inset: 0; opacity: .55; pointer-events: none; background-image: linear-gradient(rgba(129,201,244,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(129,201,244,.07) 1px,transparent 1px),radial-gradient(circle at 79% 24%,rgba(129,201,244,.2),transparent 24%); background-size: 54px 54px,54px 54px,100% 100%; mask-image: linear-gradient(90deg,#000,rgba(0,0,0,.72)); }
.coa-library-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.65fr); align-items: end; gap: clamp(3rem,8vw,8rem); }
.coa-library-hero-copy .section-label { color: rgba(210,234,245,.66); }
.coa-library-hero-copy h1 { max-width: 760px; margin: .9rem 0 1.15rem; font: 650 clamp(3rem,6.2vw,6rem)/.91 "Space Grotesk",sans-serif; letter-spacing: -.078em; }
.coa-library-hero-copy h1 em { color: #81c9f4; font-style: normal; }
.coa-library-hero-copy > p:last-child { max-width: 690px; margin: 0; color: rgba(222,240,248,.7); font-size: .88rem; line-height: 1.75; }
.coa-library-stats { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(137,204,238,.32); border-bottom: 1px solid rgba(137,204,238,.24); }
.coa-library-stats article { min-width: 0; padding: 1.3rem 1rem 1.2rem; border-right: 1px solid rgba(137,204,238,.21); }
.coa-library-stats article:last-child { border-right: 0; }
.coa-library-stats strong { display: block; color: #a9def9; font: 650 clamp(1.7rem,3vw,2.5rem)/1 "Space Grotesk",sans-serif; letter-spacing: -.055em; }
.coa-library-stats span { margin-top: .4rem; display: block; color: rgba(221,240,249,.62); font: 700 .5rem/1.45 "DM Mono",monospace; letter-spacing: .065em; text-transform: uppercase; }
.coa-library-records { padding: 2.2rem 0 clamp(5rem,9vw,8rem); }
.coa-library-toolbar { position: sticky; top: 68px; z-index: 20; padding: 1rem; display: grid; grid-template-columns: minmax(260px,1fr) auto; align-items: center; gap: 1rem; border: 1px solid #cad9e1; border-left: 4px solid var(--signal-blue); background: rgba(255,255,255,.96); box-shadow: 0 12px 32px rgba(11,45,64,.08); backdrop-filter: blur(14px); }
.coa-library-search { min-height: 44px; padding: 0 .8rem; display: flex; align-items: center; gap: .65rem; border: 1px solid #c5d6de; background: #f9fcfd; }
.coa-library-search svg { flex: 0 0 auto; color: #3d819f; }
.coa-library-search input { min-width: 0; width: 100%; border: 0; outline: 0; color: #173a4c; background: transparent; font-size: .72rem; }
.coa-library-filter { min-height: 44px; padding: 0 .7rem; display: flex; align-items: center; gap: .55rem; border: 1px solid #c5d6de; color: #466b7c; background: #fff; }
.coa-library-filter svg { color: #3f829f; }
.coa-library-filter select { min-width: 165px; border: 0; outline: 0; color: #224b5e; background: transparent; font-size: .66rem; font-weight: 750; }
.coa-library-count { margin: 1.3rem 0 .8rem; color: #587580; font: 700 .54rem/1 "DM Mono",monospace; letter-spacing: .08em; text-transform: uppercase; }
.coa-library-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; }
.coa-record-card { min-width: 0; padding: 1.1rem; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 1.25rem; border: 1px solid #cedde2; border-top: 3px solid #a9bdc7; background: #fff; box-shadow: 0 10px 28px rgba(16,55,74,.045); }
.coa-record-card--resolved { border-top-color: #4f9ec1; }
.coa-record-card--listed_unresolved { border-top-color: #d1a64d; }
.coa-record-card--not_listed { border-top-color: #aab7bd; }
.coa-record-main { min-width: 0; display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: start; gap: .85rem; }
.coa-record-index { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #bad0d9; color: #397792; background: #f5fafc; font: 750 .52rem/1 "DM Mono",monospace; }
.coa-status-line { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; }
.coa-status-dot { width: 6px; height: 6px; border-radius: 50%; background: #9aaab1; box-shadow: 0 0 0 3px rgba(154,170,177,.13); }
.coa-status-dot--resolved { background: #2c8dad; box-shadow: 0 0 0 3px rgba(44,141,173,.13); }
.coa-status-dot--listed_unresolved { background: #c49328; box-shadow: 0 0 0 3px rgba(196,147,40,.13); }
.coa-status-line span:last-child { color: #5c7680; font: 750 .49rem/1 "DM Mono",monospace; letter-spacing: .075em; text-transform: uppercase; }
.coa-record-main h2 { margin: .5rem 0 .18rem; color: #163b4d; font: 650 1.02rem/1.15 "Space Grotesk",sans-serif; letter-spacing: -.035em; }
.coa-record-main p { margin: 0; color: #6a7e85; font-size: .64rem; line-height: 1.55; }
.coa-record-meta { margin: .7rem 0 0; display: flex; flex-wrap: wrap; gap: .36rem; }
.coa-record-meta span { padding: .28rem .38rem; border: 1px solid #d9e4e7; color: #55717b; background: #f7fafb; font: 650 .47rem/1 "DM Mono",monospace; }
.coa-record-actions { min-width: 146px; display: flex; flex-direction: column; justify-content: center; align-items: stretch; gap: .45rem; }
.coa-view-button, .coa-record-link { min-height: 36px; padding: .5rem .65rem; display: inline-flex; align-items: center; justify-content: center; gap: .4rem; border: 1px solid #8ebdd0; border-radius: 3px; color: #fff; background: #17688e; font-size: .6rem; font-weight: 800; text-decoration: none; transition: transform .16s var(--ease-out), background .18s var(--ease-out); }
.coa-view-button:hover { background: #0e5275; }
.coa-view-button--pending { color: #576f79; border-color: #c8d4d8; background: #eef3f4; }
.coa-view-button--pending:hover { background: #e4ecee; }
.coa-record-link { color: #2d6d89; border-color: #c7d8de; background: #fff; }
.coa-record-link:hover { color: #124e6b; background: #f4fafc; }
.coa-view-button:active, .coa-record-link:active { transform: scale(.98); }
.coa-library-empty { padding: 5rem 1rem; border: 1px dashed #a9c1ca; background: #fff; text-align: center; }
.coa-library-empty svg { color: #4f8fa9; }
.coa-library-empty h2 { margin: 1rem 0 .5rem; color: #173d4e; font-size: 1.7rem; }
.coa-library-empty p { margin: 0; color: #647b84; font-size: .72rem; }
.coa-library-empty button { margin-top: 1rem; padding: .55rem .75rem; color: #17678c; background: #edf7fa; font-size: .65rem; font-weight: 800; }

.coa-dialog-content { width: min(calc(100vw - 32px),980px); max-width: 980px; padding: 0; overflow: hidden; border: 1px solid #8bb6c8; border-radius: 4px; color: #173849; background: #f7fafb; box-shadow: 0 28px 90px rgba(0,18,32,.32); }
.coa-dialog-content > button:last-child { top: .9rem; right: .9rem; color: #d9eff7; background: rgba(255,255,255,.1); }
.coa-dialog-header { padding: 1.2rem 3.6rem 1.1rem 1.25rem; color: #ecf8fb; background: #09243a; border-bottom: 1px solid #1f506e; }
.coa-dialog-eyebrow { margin: 0 0 .48rem; color: #82cce8; font: 750 .52rem/1 "DM Mono",monospace; letter-spacing: .1em; }
.coa-dialog-header [data-slot="dialog-title"] { color: #fff; font: 650 1.6rem/1 "Space Grotesk",sans-serif; letter-spacing: -.045em; }
.coa-dialog-header [data-slot="dialog-description"] { margin-top: .5rem; color: rgba(222,240,246,.66); font-size: .68rem; line-height: 1.55; }
.coa-dialog-meta { padding: .8rem 1.25rem; display: flex; flex-wrap: wrap; gap: .42rem; border-bottom: 1px solid #d0dee3; background: #fff; }
.coa-dialog-meta span { padding: .32rem .43rem; border: 1px solid #cadde4; color: #416a7b; background: #f5fafc; font: 700 .49rem/1 "DM Mono",monospace; }
.coa-dialog-frame { height: min(64vh,720px); padding: .75rem; background: #dde8ec; }
.coa-dialog-frame iframe { width: 100%; height: 100%; display: block; border: 1px solid #a9bec7; background: #fff; }
.coa-dialog-actions { padding: .8rem 1.25rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .7rem; border-top: 1px solid #cfdde2; background: #fff; }
.coa-dialog-download, .coa-dialog-product-link { min-height: 38px; padding: .55rem .7rem; display: inline-flex; align-items: center; justify-content: center; gap: .4rem; border: 1px solid #8ebed2; border-radius: 3px; color: #fff; background: #176b91; font-size: .61rem; font-weight: 800; text-decoration: none; }
.coa-dialog-product-link { color: #286580; border-color: #c3d6dd; background: #fff; }
.coa-dialog-status { padding: 2.6rem 1.25rem; display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 1rem; align-items: start; background: #fff; }
.coa-dialog-status-icon { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid #bdd0d7; color: #568193; background: #f4f8f9; }
.coa-dialog-status h3 { margin: 0; color: #173d50; font-size: 1rem; }
.coa-dialog-status p { max-width: 690px; margin: .55rem 0 0; color: #627982; font-size: .7rem; line-height: 1.65; }

@media (max-width: 900px) {
  .coa-library-hero-grid { grid-template-columns: 1fr; }
  .coa-library-stats { width: min(100%,660px); }
  .coa-library-grid { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .coa-library-hero { padding-top: 4.3rem; }
  .coa-library-hero-copy h1 { font-size: clamp(3rem,15vw,4.5rem); }
  .coa-library-stats { grid-template-columns: 1fr; border-bottom: 0; }
  .coa-library-stats article { display: grid; grid-template-columns: 65px 1fr; align-items: center; gap: .65rem; border-right: 0; border-bottom: 1px solid rgba(137,204,238,.22); }
  .coa-library-toolbar { position: static; grid-template-columns: 1fr; padding: .75rem; }
  .coa-library-filter select { width: 100%; }
  .coa-record-card { grid-template-columns: 1fr; gap: .9rem; }
  .coa-record-actions { min-width: 0; display: grid; grid-template-columns: 1fr 1fr; }
  .coa-dialog-content { width: calc(100vw - 18px); }
  .coa-dialog-header { padding-left: .9rem; }
  .coa-dialog-meta, .coa-dialog-actions { padding-inline: .9rem; }
  .coa-dialog-frame { height: 58vh; padding: .45rem; }
  .coa-dialog-actions { align-items: stretch; flex-direction: column; }
  .coa-dialog-download, .coa-dialog-product-link { width: 100%; }
  .coa-dialog-status { padding: 1.7rem .9rem; grid-template-columns: 1fr; }
  .faq-intro-actions { align-items: flex-start; flex-direction: column; }
}

/* Trusted-review refinement — proof surfaces use compact records; blue remains a status signal. */
.coa-library-hero-copy > p:not(.section-label) { max-width: 650px; margin: 0; color: rgba(222,240,248,.7); font-size: .88rem; line-height: 1.75; }
.coa-library-hero-copy > .primary-button { margin-top: 1.35rem; background: #f5fafc; color: #0a3551; }
.coa-library-hero-copy h1 em { color: inherit; font-style: normal; text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: rgba(129,201,244,.7); text-underline-offset: .14em; }
.coa-library-standard { border-bottom: 1px solid #c9d9e0; color: #244a5b; background: #eaf2f5; }
.coa-library-standard-grid { min-height: 88px; display: grid; grid-template-columns: 30px minmax(200px,.8fr) minmax(300px,1.4fr) auto; align-items: center; gap: 1.25rem; }
.coa-library-standard-grid > svg { color: #2b7898; }
.coa-library-standard-grid > div { display: grid; gap: .3rem; }
.coa-library-standard-grid span { color: #5e7883; font: 750 .48rem/1 "DM Mono",monospace; letter-spacing: .09em; }
.coa-library-standard-grid strong { color: #123a4e; font-size: .75rem; }
.coa-library-standard-grid p { margin: 0; color: #607982; font-size: .65rem; line-height: 1.6; }
.coa-library-standard-grid a { display: inline-flex; align-items: center; gap: .35rem; color: #155f82; font-size: .61rem; font-weight: 800; white-space: nowrap; }
.coa-library-heading { padding: 3.4rem 0 1.6rem; display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.52fr); align-items: end; gap: 3rem; }
.coa-library-heading h2 { margin: .65rem 0 0; color: #133b4f; font: 650 clamp(2rem,4vw,3.7rem)/.96 "Space Grotesk",sans-serif; letter-spacing: -.06em; }
.coa-library-heading h2 em { font-style: normal; }
.coa-library-heading > p { margin: 0; color: #647b85; font-size: .7rem; line-height: 1.7; }
.coa-status-guide { margin: 0 0 1rem; padding: 1rem; display: grid; grid-template-columns: minmax(220px,.75fr) minmax(0,1.55fr); align-items: stretch; gap: 1rem; border: 1px solid #c7d8df; border-left: 4px solid #6da9c4; background: #edf5f8; }
.coa-status-guide-intro { padding: .15rem .2rem; display: grid; align-content: center; gap: .42rem; }
.coa-status-guide-intro > span { color: #477180; font: 750 var(--read-label-compact)/1.35 "DM Mono",monospace; letter-spacing: .09em; }
.coa-status-guide-intro h3 { margin: 0; color: #123b4e; font: 650 1.04rem/1.18 "Space Grotesk",sans-serif; letter-spacing: -.025em; }
.coa-status-guide-intro p { margin: 0; color: #58737e; font-size: var(--read-support); line-height: 1.6; }
.coa-status-guide-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .55rem; }
.coa-status-guide-item { min-width: 0; padding: .75rem; display: grid; grid-template-columns: 9px minmax(0,1fr); align-content: start; gap: .6rem; border: 1px solid #cbdce2; background: rgba(255,255,255,.78); }
.coa-status-guide-item--resolved { border-left: 3px solid #4f9ec1; }
.coa-status-guide-item--listed_unresolved { border-left: 3px solid #d1a64d; }
.coa-status-guide-item--not_listed { border-left: 3px solid #8f9da3; }
.coa-status-guide-item > .coa-status-dot { margin-top: .3rem; }
.coa-status-guide-item strong { display: block; color: #244a5b; font-size: .75rem; line-height: 1.3; }
.coa-status-guide-item p { margin: .3rem 0 0; color: #617a84; font-size: .7rem; line-height: 1.55; }
.coa-library-segmented { min-height: 44px; display: flex; border: 1px solid #c5d6de; background: #f4f8f9; }
.coa-library-segmented button { min-height: 42px; padding: .55rem .72rem; display: inline-flex; align-items: center; gap: .4rem; color: #506e7a; background: transparent; font-size: .59rem; font-weight: 800; }
.coa-library-segmented button + button { border-left: 1px solid #cfdee3; }
.coa-library-segmented button span { color: #6e8892; font: 700 .48rem/1 "DM Mono",monospace; }
.coa-library-segmented button.active { color: #fff; background: #0b3856; }
.coa-library-segmented button.active span { color: #b7dff0; }
.coa-record-card { min-height: 154px; align-content: stretch; }
.coa-record-card img { display: none; }
.coa-status-dot--not_listed { background: #84969e; box-shadow: 0 0 0 3px rgba(132,150,158,.14); }
.coa-status-line { min-width: 0; }
.coa-status-line span:last-child { min-width: 0; line-height: 1.35; overflow-wrap: anywhere; }
.coa-record-main h2 { overflow-wrap: anywhere; }
.coa-record-identity { overflow-wrap: anywhere; }
.coa-record-meta span { line-height: 1.25; overflow-wrap: anywhere; }
.coa-record-actions { align-self: stretch; }
.coa-view-button, .coa-record-link { min-height: 40px; }
.about-accel-hero-grid { min-height: 520px; padding-block: 5rem 3.6rem; align-items: center; }
.about-accel-hero h1 { max-width: 780px; font-size: clamp(3.15rem,6.2vw,5.8rem); line-height: .94; }
.about-accel-hero h1 em { color: inherit; text-decoration: underline; text-decoration-color: rgba(114,212,224,.72); text-decoration-thickness: 2px; text-underline-offset: .13em; }
.about-proof-table { padding: .3rem 1rem; border: 1px solid rgba(148,209,218,.22); background: rgba(4,20,32,.42); }
.about-proof-table strong { color: #fff; }
.about-accel-story { padding-block: clamp(4.5rem,8vw,6.8rem); }
.about-story-rail article { padding-bottom: clamp(3rem,5vw,4.6rem); }
.checkout-empty { min-height: min(720px,calc(100vh - 72px)); }
.checkout-empty-path { margin-top: 1.35rem; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid #c8d9e0; border-bottom: 1px solid #c8d9e0; }
.checkout-empty-path span { min-height: 64px; padding: .8rem .65rem; display: grid; align-content: center; gap: .35rem; color: #56727e; font-size: .58rem; line-height: 1.35; }
.checkout-empty-path span + span { border-left: 1px solid #c8d9e0; }
.checkout-empty-path b { color: #216b8d; font: 750 .48rem/1 "DM Mono",monospace; }

@media (max-width: 900px) {
  .coa-library-standard-grid { padding-block: 1rem; grid-template-columns: 30px minmax(0,1fr); }
  .coa-library-standard-grid > p, .coa-library-standard-grid > a { grid-column: 2; }
  .coa-library-heading { grid-template-columns: 1fr; gap: 1rem; }
  .coa-status-guide { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .coa-library-standard-grid { grid-template-columns: 24px minmax(0,1fr); gap: .8rem; }
  .coa-library-toolbar { gap: .7rem; }
  .coa-library-segmented { width: 100%; }
  .coa-library-segmented button { flex: 1; justify-content: center; padding-inline: .35rem; }
  .coa-status-guide { padding: .8rem; gap: .75rem; }
  .coa-status-guide-list { grid-template-columns: 1fr; gap: .45rem; }
  .coa-status-guide-item { padding: .68rem; }
  .coa-record-card { min-height: 0; padding: .9rem; }
  .coa-record-main { grid-template-columns: 30px minmax(0,1fr); gap: .65rem; }
  .coa-record-index { width: 30px; height: 30px; }
  .coa-record-actions { gap: .5rem; }
  .coa-view-button, .coa-record-link { min-height: 44px; padding-inline: .45rem; font-size: .66rem; }
  .about-accel-hero-grid { padding-block: 4.3rem 3rem; }
  .about-accel-hero h1 { font-size: clamp(2.8rem,13vw,4.25rem); }
  .checkout-empty { padding-block: 3.5rem 5rem; }
  .checkout-empty-path { grid-template-columns: 1fr; }
  .checkout-empty-path span { min-height: 54px; grid-template-columns: 34px 1fr; align-items: center; }
  .checkout-empty-path span + span { border-left: 0; border-top: 1px solid #c8d9e0; }
}

/* Product-bound COA viewer refinement — stable geometry, explicit loading, and readable mobile document review. */
body.coa-dialog-open { overflow: hidden; }
.coa-dialog-host {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  place-items: center;
  padding: 12px;
  background: rgba(0, 12, 24, .55);
  backdrop-filter: blur(2px);
}
.coa-dialog-host[hidden] { display: none !important; }
.coa-dialog-content {
  position: relative;
  display: grid;
  width: min(calc(100vw - 32px),1080px);
  max-width: 1080px;
  height: min(92dvh,900px);
  max-height: calc(100dvh - 24px);
  padding: 0;
  overflow: hidden;
  grid-template-rows: auto auto minmax(0,1fr) auto;
  gap: 0;
  border: 1px solid #8bb6c8;
  border-radius: 5px;
  color: #173849;
  background: #f7fafb;
  box-shadow: 0 28px 90px rgba(0,18,32,.32);
}
.coa-dialog-close {
  position: absolute;
  top: .9rem;
  right: .9rem;
  z-index: 2;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 3px;
  color: #d9eff7;
  background: rgba(255,255,255,.1);
  cursor: pointer;
}
.coa-dialog-close:hover { background: rgba(255,255,255,.18); }
.coa-dialog-content > button:last-child { top: .9rem; right: .9rem; width: 32px; height: 32px; display: grid; place-items: center; color: #d9eff7; background: rgba(255,255,255,.1); opacity: 1; }
.coa-dialog-content > button:last-child:hover { background: rgba(255,255,255,.18); }
.coa-library-empty[hidden],
.coa-dialog-document[hidden],
.coa-dialog-status[hidden],
.coa-dialog-download[hidden],
.coa-frame-state[hidden],
[data-coa-d-reload][hidden],
[data-coa-d-status-note][hidden],
[data-coa-d-status-source][hidden] { display: none !important; }
.coa-record-card[hidden] { display: none !important; }
.coa-dialog-header { padding: 1.15rem 3.8rem 1rem 1.25rem; color: #ecf8fb; background: #09243a; border-bottom: 1px solid #1f506e; }
.coa-dialog-eyebrow { margin: 0 0 .48rem; color: #82cce8; font: 750 .52rem/1 "DM Mono",monospace; letter-spacing: .1em; }
.coa-dialog-title-row { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; }
.coa-dialog-title-row > div { min-width: 0; }
.coa-dialog-header [data-slot="dialog-title"] { color: #fff; font: 650 1.6rem/1 "Space Grotesk",sans-serif; letter-spacing: -.045em; }
.coa-dialog-header [data-slot="dialog-description"] { margin-top: .5rem; color: rgba(222,240,246,.66); font-size: .68rem; line-height: 1.55; }
.coa-dialog-verification { flex: 0 0 auto; min-height: 28px; padding: .42rem .55rem; display: inline-flex; align-items: center; gap: .38rem; border: 1px solid rgba(144,211,240,.36); color: #bce7f8; background: rgba(99,184,219,.1); font: 750 .49rem/1 "DM Mono",monospace; letter-spacing: .06em; }
.coa-dialog-verification.is-pending { color: #f6dfad; border-color: rgba(221,181,92,.4); background: rgba(221,181,92,.1); }
.coa-dialog-meta { padding: .72rem 1.25rem; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: .42rem; border-bottom: 1px solid #d0dee3; background: #fff; }
.coa-dialog-meta > div { min-width: 0; padding: .52rem .58rem; border: 1px solid #cadde4; background: #f5fafc; }
.coa-dialog-meta span, .coa-dialog-meta strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.coa-dialog-meta span { padding: 0; border: 0; color: #64808b; background: transparent; font: 700 .46rem/1 "DM Mono",monospace; letter-spacing: .05em; text-transform: uppercase; }
.coa-dialog-meta strong { margin-top: .34rem; color: #173f51; font: 750 .61rem/1.2 "DM Mono",monospace; }
.coa-dialog-document { min-height: 0; overflow: hidden; }
.coa-dialog-frame { position: relative; width: 100%; height: 100%; min-height: 320px; padding: .72rem; overflow: hidden; background: #dce7eb; }
.coa-dialog-frame iframe { width: 100%; height: 100%; display: block; border: 1px solid #a9bec7; background: #fff; opacity: 0; transition: opacity .18s var(--ease-out); }
.coa-dialog-frame iframe.is-ready { opacity: 1; }
.coa-frame-state { position: absolute; inset: .72rem; display: grid; place-items: center; border: 1px solid #b7cbd3; background: linear-gradient(135deg,#f8fbfc,#edf4f6); }
.coa-frame-state-card { width: min(calc(100% - 2rem),390px); padding: 1.6rem; display: grid; justify-items: center; gap: .72rem; color: #4e7180; text-align: center; }
.coa-frame-state-card > svg { color: #2b82a7; }
.coa-frame-state-card span { color: #244f62; font: 750 .56rem/1.3 "DM Mono",monospace; letter-spacing: .075em; }
.coa-frame-state-card p { margin: 0; color: #66808a; font-size: .68rem; line-height: 1.6; }
.coa-frame-state-card button { min-height: 36px; padding: .5rem .68rem; display: inline-flex; align-items: center; gap: .4rem; border: 1px solid #8bb9cc; border-radius: 3px; color: #fff; background: #17688e; font-size: .6rem; font-weight: 800; }
.coa-frame-spinner { animation: coa-spin .9s linear infinite; }
@keyframes coa-spin { to { transform: rotate(360deg); } }
.coa-dialog-actions { padding: .72rem 1.25rem; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 1rem; border-top: 1px solid #cfdde2; background: #fff; }
.coa-dialog-assurance { max-width: 570px; margin: 0; display: flex; align-items: center; gap: .5rem; color: #637b85; font-size: .61rem; line-height: 1.5; }
.coa-dialog-assurance svg { flex: 0 0 auto; color: #2f83a6; }
.coa-dialog-action-links { display: flex; align-items: center; gap: .45rem; }
.coa-dialog-status { min-height: 0; padding: clamp(2rem,7vh,4.5rem) 1.25rem; overflow-y: auto; align-content: start; }

@media (max-width: 620px) {
  .coa-dialog-content { width: calc(100vw - 14px); height: min(94dvh,820px); max-height: calc(100dvh - 12px); }
  .coa-dialog-header { padding: .9rem 3.25rem .82rem .8rem; }
  .coa-dialog-title-row { align-items: flex-start; flex-direction: column; gap: .65rem; }
  .coa-dialog-header [data-slot="dialog-title"] { font-size: 1.3rem; }
  .coa-dialog-header [data-slot="dialog-description"] { margin-top: .35rem; font-size: .62rem; }
  .coa-dialog-verification { min-height: 24px; padding: .36rem .44rem; }
  .coa-dialog-meta { padding: .5rem .55rem; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .32rem; }
  .coa-dialog-meta > div { padding: .42rem .45rem; }
  .coa-dialog-meta > div:last-child { grid-column: 1 / -1; }
  .coa-dialog-frame { min-height: 230px; padding: .4rem; }
  .coa-frame-state { inset: .4rem; }
  .coa-frame-state-card { padding: 1rem; gap: .55rem; }
  .coa-dialog-actions { padding: .55rem; grid-template-columns: 1fr; gap: .55rem; }
  .coa-dialog-assurance { font-size: .56rem; }
  .coa-dialog-action-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .35rem; }
  .coa-dialog-download, .coa-dialog-product-link { width: 100%; min-height: 34px; padding-inline: .5rem; font-size: .55rem; }
  .coa-dialog-action-links > :last-child:nth-child(3) { grid-column: 1 / -1; }
}

@media (prefers-reduced-motion: reduce) {
  .coa-frame-spinner { animation-duration: 1.8s; }
  .coa-dialog-frame iframe { transition: none; }
}

/* Storage & Handling — state-index records, asymmetric protocol rails, and instrument-table controls. */
.storage-page { background: #f8fafb; }
.storage-page main { background: #fff; }
.storage-hero { position: relative; overflow: hidden; color: #fff; background: #071b30; }
.storage-hero::before { position: absolute; inset: 0; content: ""; opacity: .55; pointer-events: none; background-image: linear-gradient(rgba(126,197,226,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(126,197,226,.06) 1px,transparent 1px),radial-gradient(circle at 80% 18%,rgba(68,178,225,.24),transparent 28%); background-size: 38px 38px,38px 38px,auto; }
.storage-hero-grid { position: relative; min-height: 600px; padding-block: 5.2rem; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(320px,.72fr); align-items: center; gap: clamp(3rem,8vw,8rem); }
.storage-breadcrumbs { margin-bottom: 3rem; display: flex; align-items: center; gap: .55rem; color: rgba(216,235,243,.56); font: 700 .52rem/1 "DM Mono",monospace; letter-spacing: .08em; text-transform: uppercase; }
.storage-breadcrumbs a { color: #83d3ef; text-decoration: none; }
.storage-hero .section-label { color: #73c9e8; }
.storage-hero-copy h1 { max-width: 760px; margin: .85rem 0 1.4rem; color: #fff; font: 650 clamp(3.4rem,6.7vw,6.8rem)/.88 "Space Grotesk",sans-serif; letter-spacing: -.075em; }
.storage-hero-copy h1 em { color: #8ed9f3; font-style: normal; font-weight: 450; }
.storage-hero-copy > p:not(.section-label) { max-width: 690px; margin: 0; color: rgba(222,237,243,.72); font-size: .92rem; line-height: 1.8; }
.storage-hero-actions { margin-top: 2.1rem; display: flex; flex-wrap: wrap; gap: .65rem; }
.storage-hero-actions .primary-button { background: #7ed2ef; color: #071b30; }
.storage-hero-actions .ghost-button { border-color: rgba(165,215,233,.34); color: #e8f6fa; background: rgba(255,255,255,.04); }
.storage-condition-index { border: 1px solid rgba(145,201,221,.28); background: rgba(7,27,48,.68); box-shadow: 0 30px 70px rgba(0,7,15,.28); backdrop-filter: blur(14px); }
.storage-index-head { min-height: 52px; padding: 0 1rem; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(145,201,221,.22); color: #7ecce8; font: 750 .5rem/1 "DM Mono",monospace; letter-spacing: .09em; }
.storage-index-head strong { color: rgba(255,255,255,.3); font-size: .72rem; }
.storage-condition-index article { min-height: 88px; padding: 1rem; display: grid; grid-template-columns: 28px 1fr; align-items: center; gap: .8rem; border-bottom: 1px solid rgba(145,201,221,.16); }
.storage-condition-index article > svg { color: #78cae9; }
.storage-condition-index article b,.storage-condition-index article span { display: block; }
.storage-condition-index article b { color: #fff; font: 700 1.05rem/1 "Space Grotesk",sans-serif; letter-spacing: -.02em; }
.storage-condition-index article span { margin-top: .35rem; color: rgba(217,235,242,.55); font-size: .62rem; }
.storage-condition-index > p { margin: 0; padding: .8rem 1rem; display: flex; align-items: center; gap: .55rem; color: rgba(217,235,242,.55); font-size: .56rem; line-height: 1.5; }
.storage-condition-index > p svg { flex: 0 0 auto; color: #78cae9; }
.storage-state-section { padding: 6.5rem 0; background: #fff; }
.storage-section-heading { margin-bottom: 2.2rem; display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.55fr); align-items: end; gap: 4rem; }
.storage-section-heading h2,.storage-matrix-intro h2,.storage-protocol-layout aside h2,.storage-practice-heading h2,.storage-cta-grid h2 { margin: .7rem 0 0; color: #071326; font: 650 clamp(2.4rem,4.5vw,4.4rem)/.96 "Space Grotesk",sans-serif; letter-spacing: -.065em; }
.storage-section-heading > p { max-width: 520px; margin: 0; color: #60717d; font-size: .82rem; line-height: 1.75; }
.storage-state-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid #cedbe1; background: #cedbe1; gap: 1px; }
.storage-state-grid > article { min-height: 390px; padding: 1.35rem; display: flex; flex-direction: column; background: #fbfdfe; }
.storage-card-head { display: flex; align-items: center; justify-content: space-between; color: #2e86aa; }
.storage-card-head > span { color: #a1b1b9; font: 700 .62rem/1 "DM Mono",monospace; letter-spacing: .08em; }
.storage-state-grid > article > p:first-of-type { margin: 3rem 0 .75rem; color: #277694; font: 750 .53rem/1 "DM Mono",monospace; letter-spacing: .09em; }
.storage-state-grid h3 { max-width: 300px; margin: 0; color: #0a1b2d; font: 650 1.55rem/1.05 "Space Grotesk",sans-serif; letter-spacing: -.04em; }
.storage-card-rule { width: 46px; height: 2px; margin: 1.25rem 0; background: #6fc3e2; }
.storage-state-grid > article > p:nth-of-type(2) { margin: 0; color: #5d707a; font-size: .75rem; line-height: 1.75; }
.storage-state-grid footer { margin-top: auto; padding-top: 1.2rem; display: flex; align-items: flex-start; gap: .55rem; border-top: 1px solid #e1e8eb; color: #52707d; font-size: .6rem; line-height: 1.5; }
.storage-state-grid footer svg { flex: 0 0 auto; color: #3187a8; }
.storage-precedence-note { margin-top: 1rem; padding: 1rem 1.15rem; display: flex; align-items: flex-start; gap: .7rem; border-left: 3px solid #d9a63a; background: #fff9ec; }
.storage-precedence-note svg { flex: 0 0 auto; color: #aa7520; }
.storage-precedence-note p { margin: 0; color: #6c5a37; font-size: .65rem; line-height: 1.65; }
.storage-matrix-section { padding: 6.5rem 0; background: #edf4f8; border-block: 1px solid #dae6ec; }
.storage-matrix-layout { display: grid; grid-template-columns: minmax(250px,.55fr) minmax(0,1.45fr); gap: clamp(2.5rem,6vw,6rem); }
.storage-matrix-intro > p:not(.section-label) { max-width: 340px; margin: 1.2rem 0 0; color: #62737c; font-size: .72rem; line-height: 1.7; }
.storage-matrix { overflow: hidden; border: 1px solid #c8d8df; background: #fff; box-shadow: 0 18px 45px rgba(21,63,80,.06); }
.storage-matrix-row { min-height: 62px; display: grid; grid-template-columns: 1.08fr 1fr 1.08fr 1fr; border-bottom: 1px solid #dce6ea; }
.storage-matrix-row:last-child { border-bottom: 0; }
.storage-matrix-row > span { min-width: 0; padding: .8rem .85rem; display: flex; align-items: center; border-right: 1px solid #e4ecef; color: #526a75; font-size: .65rem; line-height: 1.45; }
.storage-matrix-row > span:last-child { border-right: 0; }
.storage-matrix-row:not(.storage-matrix-row--head) > span:first-child { color: #173f52; font-weight: 800; }
.storage-matrix-row--head { min-height: 42px; background: #0b2940; }
.storage-matrix-row--head > span { color: #bfe5f3; border-color: rgba(255,255,255,.1); font: 750 .46rem/1 "DM Mono",monospace; letter-spacing: .075em; text-transform: uppercase; }
.storage-protocol-section { padding: 7rem 0; background: #fff; }
.storage-protocol-layout { display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); gap: clamp(3rem,8vw,8rem); }
.storage-protocol-layout aside { position: sticky; top: 120px; align-self: start; }
.storage-protocol-layout aside > p:not(.section-label) { max-width: 430px; margin: 1.3rem 0 0; color: #61727d; font-size: .76rem; line-height: 1.75; }
.storage-protocol-rail { border-top: 1px solid #cbd9df; }
.storage-protocol-rail article { min-height: 145px; padding: 1.45rem 0; display: grid; grid-template-columns: 40px 30px 1fr; align-items: start; gap: .8rem; border-bottom: 1px solid #dbe4e8; }
.storage-protocol-rail article > span { color: #9aabb2; font: 700 .58rem/1 "DM Mono",monospace; }
.storage-protocol-rail article > svg { color: #2d84a7; }
.storage-protocol-rail h3 { margin: -.15rem 0 .55rem; color: #0e2131; font: 650 1.25rem/1 "Space Grotesk",sans-serif; letter-spacing: -.035em; }
.storage-protocol-rail p { max-width: 650px; margin: 0; color: #60717b; font-size: .71rem; line-height: 1.7; }
.storage-practice-section { padding: 6.5rem 0; color: #fff; background: #071b30; }
.storage-practice-heading { margin-bottom: 2rem; display: flex; align-items: end; justify-content: space-between; gap: 2rem; }
.storage-practice-heading h2 { color: #fff; }
.storage-practice-section .section-label { color: #77cbe9; }
.storage-practice-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; background: rgba(145,201,221,.2); border: 1px solid rgba(145,201,221,.2); }
.storage-practice-card { min-height: 410px; padding: 1.5rem; background: #0a243b; }
.storage-practice-card header { margin-bottom: 1.6rem; padding-bottom: 1.2rem; display: flex; align-items: flex-start; gap: .75rem; border-bottom: 1px solid rgba(165,215,233,.16); }
.storage-practice-card header > svg { margin-top: .1rem; }
.storage-practice-card header span { color: #80cce8; font: 750 .5rem/1 "DM Mono",monospace; letter-spacing: .1em; }
.storage-practice-card h3 { margin: .5rem 0 0; color: #fff; font: 650 1.35rem/1 "Space Grotesk",sans-serif; letter-spacing: -.035em; }
.storage-practice-card > p { margin: 0; padding: .9rem 0; display: grid; grid-template-columns: 18px 1fr; gap: .65rem; border-bottom: 1px solid rgba(165,215,233,.1); color: rgba(220,237,243,.7); font-size: .68rem; line-height: 1.6; }
.storage-practice-card > p svg { margin-top: .15rem; }
.storage-practice-card--protect header > svg,.storage-practice-card--protect > p svg { color: #73d0b3; }
.storage-practice-card--avoid header > svg,.storage-practice-card--avoid > p svg { color: #f1a98e; }
.storage-cta-section { padding: 6.5rem 0 2.5rem; background: #f7fafb; }
.storage-cta-grid { padding-bottom: 5rem; display: grid; grid-template-columns: minmax(0,1fr) 250px; align-items: end; gap: 4rem; }
.storage-cta-grid > div:first-child > p:not(.section-label) { max-width: 720px; margin: 1.2rem 0 0; color: #60717b; font-size: .78rem; line-height: 1.75; }
.storage-cta-grid > div:last-child { display: grid; gap: .55rem; }
.storage-cta-grid > div:last-child > a:last-child { color: #1d6f91; font-size: .65rem; font-weight: 800; text-align: center; text-decoration: underline; text-underline-offset: 4px; }
.storage-ruo { padding-top: 1.2rem; display: flex; align-items: flex-start; gap: .65rem; border-top: 1px solid #d3dfe4; color: #63747d; }
.storage-ruo svg { flex: 0 0 auto; color: #2d84a7; }
.storage-ruo p { max-width: 850px; margin: 0; font-size: .6rem; line-height: 1.65; }

@media (max-width: 900px) {
  .storage-hero-grid,.storage-section-heading,.storage-matrix-layout,.storage-protocol-layout,.storage-cta-grid { grid-template-columns: 1fr; }
  .storage-hero-grid { padding-block: 4.5rem; gap: 3rem; }
  .storage-condition-index { width: min(100%,620px); }
  .storage-state-grid { grid-template-columns: 1fr; }
  .storage-state-grid > article { min-height: 330px; }
  .storage-protocol-layout aside { position: static; }
  .storage-cta-grid { align-items: start; gap: 2rem; }
  .storage-cta-grid > div:last-child { width: min(100%,380px); }
}

@media (max-width: 620px) {
  .storage-hero-grid { min-height: 0; padding-block: 3.6rem; }
  .storage-breadcrumbs { margin-bottom: 2rem; }
  .storage-hero-copy h1 { font-size: clamp(3rem,15vw,4.55rem); }
  .storage-hero-copy > p:not(.section-label) { font-size: .82rem; }
  .storage-hero-actions { display: grid; }
  .storage-hero-actions a { width: 100%; }
  .storage-state-section,.storage-matrix-section,.storage-protocol-section,.storage-practice-section { padding-block: 4.5rem; }
  .storage-section-heading { gap: 1.25rem; }
  .storage-state-grid > article { min-height: 360px; }
  .storage-matrix-row--head { display: none; }
  .storage-matrix-row { padding: .55rem 0; grid-template-columns: 1fr; }
  .storage-matrix-row > span { padding: .48rem .75rem; display: grid; grid-template-columns: 105px 1fr; gap: .55rem; border: 0; font-size: .64rem; }
  .storage-matrix-row > span::before { content: attr(data-label); color: #758a94; font: 700 .43rem/1.3 "DM Mono",monospace; letter-spacing: .05em; text-transform: uppercase; }
  .storage-protocol-rail article { grid-template-columns: 28px 24px 1fr; gap: .55rem; }
  .storage-practice-grid { grid-template-columns: 1fr; }
  .storage-practice-card { min-height: 0; }
  .storage-cta-section { padding-top: 4.5rem; }
  .storage-cta-grid { padding-bottom: 3.5rem; }
}

/* Policy records — compact legal typography, numbered document rails, and a shipping fulfillment sequence. */
.policy-page main { background: #f6f9fa; }
.policy-hero { position: relative; overflow: hidden; color: #eef9fc; background: #071b2d; }
.policy-hero::before { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: .65; background-image: repeating-linear-gradient(90deg,transparent 0,transparent calc(14.285% - 1px),rgba(153,211,228,.055) calc(14.285% - 1px),rgba(153,211,228,.055) 14.285%),radial-gradient(circle at 82% 12%,rgba(49,167,211,.25),transparent 27%); }
.policy-hero-grid { position: relative; min-height: 530px; padding-block: 4.8rem; display: grid; grid-template-columns: minmax(0,1.28fr) minmax(300px,.72fr); align-items: center; gap: clamp(3rem,8vw,8rem); }
.policy-breadcrumbs { margin-bottom: 2.8rem; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; color: rgba(220,238,244,.5); font: 700 .48rem/1.3 "DM Mono",monospace; letter-spacing: .07em; text-transform: uppercase; }
.policy-breadcrumbs a { color: #82d1ec; text-decoration: none; }
.policy-hero .section-label { color: #76cce9; }
.policy-hero-copy h1 { max-width: 850px; margin: .9rem 0 1.35rem; color: #fff; font: 650 clamp(3.35rem,6.2vw,6.15rem)/.9 "Space Grotesk",sans-serif; letter-spacing: -.073em; }
.policy-hero-copy h1 em { color: #8ddcf6; font-style: normal; font-weight: 430; }
.policy-hero-copy > p:not(.section-label) { max-width: 700px; margin: 0; color: rgba(222,238,244,.68); font-size: .88rem; line-height: 1.8; }
.policy-record-card { border: 1px solid rgba(142,205,228,.28); background: rgba(6,31,50,.78); box-shadow: 0 28px 65px rgba(0,8,17,.25); backdrop-filter: blur(15px); }
.policy-record-head { min-height: 66px; padding: 1rem; display: flex; align-items: center; gap: .7rem; border-bottom: 1px solid rgba(142,205,228,.2); color: #8ed9f2; }
.policy-record-head span { font: 750 .5rem/1 "DM Mono",monospace; letter-spacing: .085em; }
.policy-record-card > div:not(.policy-record-head) { min-height: 66px; padding: .85rem 1rem; display: grid; grid-template-columns: 100px 1fr; align-items: center; gap: .6rem; border-bottom: 1px solid rgba(142,205,228,.14); }
.policy-record-card > div > span { color: rgba(218,236,242,.5); font: 700 .46rem/1 "DM Mono",monospace; letter-spacing: .06em; text-transform: uppercase; }
.policy-record-card > div > strong { overflow-wrap: anywhere; color: #f4fbfd; font: 700 .64rem/1.35 "DM Mono",monospace; }
.policy-record-card > p { margin: 0; padding: .85rem 1rem; display: flex; align-items: flex-start; gap: .55rem; color: rgba(220,238,244,.53); font-size: .56rem; line-height: 1.5; }
.policy-record-card > p svg { flex: 0 0 auto; color: #7ed0ed; }
.policy-journey { padding: 5.5rem 0; background: #fff; border-bottom: 1px solid #d8e3e7; }
.policy-journey-heading { margin-bottom: 2rem; display: flex; align-items: end; justify-content: space-between; gap: 2rem; }
.policy-journey-heading h2 { margin: .7rem 0 0; color: #0a1b2d; font: 650 clamp(2.5rem,4.2vw,4rem)/.96 "Space Grotesk",sans-serif; letter-spacing: -.06em; }
.policy-journey-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid #d3e0e5; background: #d3e0e5; gap: 1px; }
.policy-journey-grid article { position: relative; min-height: 260px; padding: 1.35rem; display: flex; flex-direction: column; background: #f9fbfc; }
.policy-journey-grid article > span { align-self: flex-end; color: #a7b6bc; font: 700 .64rem/1 "DM Mono",monospace; }
.policy-journey-grid article > svg { margin-top: auto; color: #2c84a7; }
.policy-journey-grid h3 { margin: 1rem 0 .55rem; color: #10283a; font: 650 1.35rem/1 "Space Grotesk",sans-serif; letter-spacing: -.035em; }
.policy-journey-grid p { margin: 0; color: #60737d; font-size: .7rem; line-height: 1.65; }
.policy-document-section { padding: 6.5rem 0; }
.policy-document-layout { display: grid; grid-template-columns: minmax(230px,.42fr) minmax(0,1.58fr); align-items: start; gap: clamp(3rem,7vw,7rem); }
.policy-toc { position: sticky; top: 112px; max-height: calc(100vh - 138px); overflow-y: auto; scrollbar-width: thin; }
.policy-toc h2 { margin: .7rem 0 .35rem; color: #102738; font: 650 1.7rem/1 "Space Grotesk",sans-serif; letter-spacing: -.045em; }
.policy-toc > div > p:last-child { margin: 0; color: #82929a; font: 700 .5rem/1 "DM Mono",monospace; }
.policy-toc nav { margin-top: 1.5rem; border-top: 1px solid #cbd9df; }
.policy-toc nav a { min-height: 40px; padding: .55rem 0; display: grid; grid-template-columns: 26px 1fr; align-items: center; gap: .45rem; border-bottom: 1px solid #dde6e9; color: #4e6874; font-size: .59rem; line-height: 1.35; text-decoration: none; transition: color .16s var(--ease-out),padding-left .16s var(--ease-out); }
.policy-toc nav a:hover { padding-left: .25rem; color: #19779c; }
.policy-toc nav a span { color: #9aabb2; font: 700 .46rem/1 "DM Mono",monospace; }
.policy-section-rail { border-top: 1px solid #bacbd2; }
.policy-section-rail > article { scroll-margin-top: 120px; padding: 2.3rem 0 2.6rem; border-bottom: 1px solid #cedce1; }
.policy-section-rail header { margin-bottom: 1.25rem; display: grid; grid-template-columns: 42px 1fr; align-items: start; gap: .75rem; }
.policy-section-rail header > span { padding-top: .22rem; color: #2c85a7; font: 750 .58rem/1 "DM Mono",monospace; }
.policy-section-rail h2 { margin: 0; color: #0a2031; font: 650 clamp(1.5rem,2.5vw,2.25rem)/1 "Space Grotesk",sans-serif; letter-spacing: -.045em; }
.policy-section-rail > article > p,.policy-section-rail li { color: #536c77; font-size: .73rem; line-height: 1.82; }
.policy-section-rail > article > p { margin: .85rem 0 0 42px; max-width: 850px; }
.policy-section-rail ul { max-width: 870px; margin: 1rem 0 0 42px; padding: 0; list-style: none; }
.policy-section-rail li { position: relative; padding: .65rem 0 .65rem 1.3rem; border-bottom: 1px solid #e2e9ec; }
.policy-section-rail li::before { position: absolute; left: .15rem; top: 1.05rem; width: 5px; height: 5px; content: ""; background: #42a7cb; }
.policy-contact-section { padding: 5.5rem 0 2.5rem; color: #eef8fb; background: #071b2d; }
.policy-contact-section .section-label { color: #7aceeb; }
.policy-contact-grid { padding-bottom: 4rem; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr); align-items: end; gap: clamp(3rem,8vw,8rem); }
.policy-contact-grid h2 { margin: .7rem 0 1rem; color: #fff; font: 650 clamp(2.5rem,4.5vw,4.4rem)/.94 "Space Grotesk",sans-serif; letter-spacing: -.06em; }
.policy-contact-grid > div:first-child > p:not(.section-label) { max-width: 670px; margin: 0; color: rgba(220,238,244,.64); font-size: .78rem; line-height: 1.75; }
.policy-contact-details { display: grid; gap: .65rem; }
.policy-contact-details > a:not(.primary-button),.policy-contact-details > div { min-height: 65px; padding: .8rem; display: flex; align-items: flex-start; gap: .65rem; border: 1px solid rgba(144,207,228,.22); color: rgba(228,242,246,.76); text-decoration: none; }
.policy-contact-details svg { flex: 0 0 auto; color: #79cae8; }
.policy-contact-details span { font-size: .65rem; line-height: 1.55; }
.policy-contact-details b { margin-bottom: .35rem; display: block; color: #79cae8; font: 750 .45rem/1 "DM Mono",monospace; letter-spacing: .075em; }
.policy-contact-details .primary-button { background: #79cfea; color: #071b2d; }
@media (max-width: 900px) {
  .policy-hero-grid,.policy-document-layout,.policy-contact-grid { grid-template-columns: 1fr; }
  .policy-hero-grid { padding-block: 4.2rem; gap: 2.8rem; }
  .policy-record-card { width: min(100%,620px); }
  .policy-toc { position: static; max-height: none; overflow: visible; }
  .policy-toc nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-left: 1px solid #d7e2e6; }
  .policy-toc nav a { padding-inline: .65rem; border-right: 1px solid #d7e2e6; }
  .policy-contact-grid { align-items: start; gap: 2rem; }
  .policy-contact-details { width: min(100%,520px); }
}

@media (max-width: 620px) {
  .policy-hero-grid { min-height: 0; padding-block: 3.6rem; }
  .policy-breadcrumbs { margin-bottom: 2rem; }
  .policy-hero-copy h1 { font-size: clamp(2.9rem,14.5vw,4.4rem); }
  .policy-record-card > div:not(.policy-record-head) { grid-template-columns: 85px 1fr; }
  .policy-journey { padding-block: 4.5rem; }
  .policy-journey-grid { grid-template-columns: 1fr; }
  .policy-journey-grid article { min-height: 220px; }
  .policy-document-section { padding-block: 4.5rem; }
  .policy-document-layout { gap: 2.3rem; }
  .policy-toc nav { grid-template-columns: 1fr; }
  .policy-section-rail > article { padding-block: 1.8rem 2.1rem; }
  .policy-section-rail header { grid-template-columns: 30px 1fr; }
  .policy-section-rail > article > p,.policy-section-rail ul { margin-left: 30px; }
  .policy-contact-section { padding-top: 4.5rem; }
}

/* Partner network — structured collaboration records, restrained interaction, and no unsubstantiated social proof. */
.partner-page main { background: #f7fafb; }
.partner-hero { position: relative; overflow: hidden; padding-bottom: 0; color: #eef9fb; background: #071b2d; }
.partner-hero::before { position: absolute; inset: 0; content: ""; pointer-events: none; background: linear-gradient(120deg,rgba(58,154,190,.2),transparent 46%),repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(151,210,226,.05) calc(12.5% - 1px),rgba(151,210,226,.05) 12.5%); }
.partner-hero-grid { position: relative; min-height: 570px; padding-block: 5rem 4rem; display: grid; grid-template-columns: minmax(0,1.34fr) minmax(300px,.66fr); align-items: center; gap: clamp(3rem,8vw,8rem); }
.partner-hero-copy .section-label { color: #7fd5ee; }
.partner-hero-copy h1 { max-width: 930px; margin: 1rem 0 1.4rem; color: #fff; font: 650 clamp(3.6rem,7.1vw,7.2rem)/.86 "Space Grotesk",sans-serif; letter-spacing: -.078em; }
.partner-hero-copy h1 em { color: #86d9f2; font-style: normal; font-weight: 430; }
.partner-hero-copy > p:not(.section-label) { max-width: 680px; margin: 0 0 1.8rem; color: rgba(222,239,244,.68); font-size: .89rem; line-height: 1.8; }
.partner-fit-record { padding: 1.2rem; border: 1px solid rgba(142,207,229,.28); background: rgba(5,31,50,.77); box-shadow: 0 30px 65px rgba(1,10,18,.25); backdrop-filter: blur(15px); }
.partner-fit-head { margin: -1.2rem -1.2rem 1.5rem; padding: 1rem 1.2rem; display: flex; align-items: center; gap: .7rem; border-bottom: 1px solid rgba(142,207,229,.19); color: #7fd4ee; }
.partner-fit-head span { font: 750 .5rem/1 "DM Mono",monospace; letter-spacing: .08em; }
.partner-fit-record > strong { display: block; color: #fff; font: 640 clamp(1.55rem,2.5vw,2.3rem)/1.05 "Space Grotesk",sans-serif; letter-spacing: -.05em; }
.partner-fit-record > p { margin: 1.35rem 0 0; color: rgba(220,238,244,.58); font-size: .66rem; line-height: 1.7; }
.partner-principle-rail { position: relative; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid rgba(147,207,226,.2); border-bottom: 0; background: rgba(6,29,47,.92); }
.partner-principle-rail article { min-height: 180px; padding: 1.1rem; border-right: 1px solid rgba(147,207,226,.17); }
.partner-principle-rail article:last-child { border-right: 0; }
.partner-principle-rail span { color: #6cc6e6; font: 750 .52rem/1 "DM Mono",monospace; }
.partner-principle-rail h2 { margin: 2.7rem 0 .55rem; color: #fff; font: 630 1.12rem/1 "Space Grotesk",sans-serif; letter-spacing: -.035em; }
.partner-principle-rail p { margin: 0; color: rgba(219,237,242,.54); font-size: .61rem; line-height: 1.6; }
.partner-process-section { padding: 7rem 0; background: #fff; }
.partner-section-heading { margin-bottom: 2.4rem; display: grid; grid-template-columns: minmax(0,1.1fr) minmax(300px,.9fr); align-items: end; gap: 4rem; }
.partner-section-heading h2,.partner-track-intro h2,.partner-standards-grid h2,.partner-application-intro h2,.partner-faq-grid h2 { margin: .8rem 0 0; color: #0a2031; font: 650 clamp(2.8rem,5vw,5rem)/.92 "Space Grotesk",sans-serif; letter-spacing: -.065em; }
.partner-section-heading > p { margin: 0; color: #60737d; font-size: .78rem; line-height: 1.75; }
.partner-process-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; border: 1px solid #d4e0e5; background: #d4e0e5; }
.partner-process-grid article { min-height: 320px; padding: 1.25rem; display: flex; flex-direction: column; background: #f8fafb; }
.partner-process-grid article > span { align-self: flex-end; color: #9dadb4; font: 750 .58rem/1 "DM Mono",monospace; }
.partner-process-grid article > svg { margin-top: auto; color: #2f8bac; }
.partner-process-grid h3 { margin: 1rem 0 .6rem; color: #102a3c; font: 650 1.35rem/1 "Space Grotesk",sans-serif; letter-spacing: -.04em; }
.partner-process-grid p { margin: 0; color: #60747e; font-size: .67rem; line-height: 1.68; }
.partner-track-section { padding: 7rem 0; color: #edf8fb; background: #0a243b; }
.partner-track-section .section-label { color: #76cde9; }
.partner-track-layout { display: grid; grid-template-columns: minmax(0,1.18fr) minmax(300px,.82fr); align-items: center; gap: clamp(4rem,9vw,9rem); }
.partner-track-intro h2 { max-width: 700px; color: #fff; }
.partner-track-intro > p:not(.section-label) { max-width: 650px; margin: 1.2rem 0 0; color: rgba(218,237,243,.62); font-size: .76rem; line-height: 1.75; }
.partner-track-tabs { margin-top: 2rem; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; border: 1px solid rgba(144,204,224,.18); background: rgba(144,204,224,.18); }
.partner-track-tabs button { min-height: 58px; padding: .8rem; display: flex; align-items: center; gap: .55rem; color: rgba(224,239,244,.62); background: #0b2941; border: 0; font: 750 .55rem/1 "DM Mono",monospace; text-align: left; text-transform: uppercase; transition: color .16s var(--ease-out),background .16s var(--ease-out); }
.partner-track-tabs button[aria-selected="true"] { color: #062133; background: #87d8ef; }
.partner-track-record { min-height: 380px; padding: 1.5rem; display: flex; flex-direction: column; border: 1px solid rgba(132,208,235,.29); background: #0d2c46; }
.partner-track-record > span { color: #77cce8; font: 750 .48rem/1 "DM Mono",monospace; letter-spacing: .08em; }
.partner-track-record > svg { margin-top: auto; color: #82d5ed; }
.partner-track-record h3 { margin: 1.1rem 0 .7rem; color: #fff; font: 650 2rem/1 "Space Grotesk",sans-serif; letter-spacing: -.045em; }
.partner-track-record p { margin: 0; color: rgba(220,238,244,.65); font-size: .72rem; line-height: 1.7; }
.partner-track-record a { margin-top: 1.3rem; display: inline-flex; align-items: center; gap: .4rem; color: #8bdaf1; font: 750 .56rem/1 "DM Mono",monospace; text-decoration: none; text-transform: uppercase; }
.partner-standards-section { padding: 7rem 0; background: #f4f8f9; }
.partner-standards-grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); gap: clamp(4rem,8vw,8rem); }
.partner-standard-list { border-top: 1px solid #c9d8de; }
.partner-standard-list article { padding: 1.3rem 0; display: grid; grid-template-columns: 26px 1fr; gap: .75rem; border-bottom: 1px solid #d6e1e5; }
.partner-standard-list svg { color: #2f91b1; }
.partner-standard-list h3 { margin: 0 0 .45rem; color: #132c3d; font: 650 1.1rem/1 "Space Grotesk",sans-serif; letter-spacing: -.03em; }
.partner-standard-list p { margin: 0; color: #61757f; font-size: .67rem; line-height: 1.65; }
.partner-application-section { padding: 7rem 0; background: #fff; }
.partner-application-grid { display: grid; grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); align-items: start; gap: clamp(4rem,9vw,9rem); }
.partner-application-intro { position: sticky; top: 120px; }
.partner-application-intro > p:not(.section-label) { margin: 1.2rem 0 1.4rem; color: #61747d; font-size: .75rem; line-height: 1.75; }
.partner-application-intro > a { display: inline-flex; align-items: center; gap: .5rem; color: #1f7898; font-size: .67rem; font-weight: 800; text-decoration: none; }
.partner-form { border: 1px solid #cedce1; background: #f8fafb; }
.partner-form-heading { min-height: 60px; padding: .9rem 1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: #e9f8fb; background: #0a243b; }
.partner-form-heading span { font: 750 .55rem/1 "DM Mono",monospace; letter-spacing: .08em; }
.partner-form-heading small { color: rgba(225,240,245,.52); font-size: .52rem; }
.partner-form > label,.partner-form-row { border-bottom: 1px solid #d6e1e5; }
.partner-form > label:not(.partner-confirmation),.partner-form-row label { padding: .85rem 1rem; display: grid; gap: .42rem; }
.partner-form-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.partner-form-row label:first-child { border-right: 1px solid #d6e1e5; }
.partner-form label > span { color: #59717c; font: 750 .48rem/1 "DM Mono",monospace; letter-spacing: .055em; text-transform: uppercase; }
.partner-form input,.partner-form select,.partner-form textarea { width: 100%; padding: .42rem 0; color: #102b3d; background: transparent; border: 0; border-radius: 0; outline: none; font: 600 .72rem/1.4 "Space Grotesk",sans-serif; }
.partner-form textarea { resize: vertical; }
.partner-form input:focus,.partner-form select:focus,.partner-form textarea:focus { box-shadow: inset 0 -2px #43a5c7; }
.partner-confirmation { padding: 1rem; display: grid; grid-template-columns: 18px 1fr; align-items: start; gap: .65rem; }
.partner-confirmation input { width: 16px; height: 16px; margin: 0; accent-color: #237f9f; }
.partner-confirmation span { font: 600 .6rem/1.55 "Space Grotesk",sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; }
.partner-form > .primary-button { margin: 1rem; }
.partner-form-disclosure { margin: 0; padding: 0 1rem 1.1rem; display: flex; align-items: flex-start; gap: .45rem; color: #60747d; font-size: .56rem; line-height: 1.5; }
.partner-form-disclosure svg { flex: 0 0 auto; color: #2986a7; }
.partner-faq-section { padding: 6.5rem 0; color: #edf8fb; background: #071b2d; }
.partner-faq-section .section-label { color: #79cfe9; }
.partner-faq-grid { display: grid; grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr); gap: clamp(4rem,9vw,9rem); }
.partner-faq-grid h2 { color: #fff; }
.partner-faq-grid > div:first-child > a { margin-top: 1.5rem; display: inline-flex; align-items: center; gap: .4rem; color: #83d5ed; font-size: .65rem; font-weight: 800; text-decoration: none; }
.partner-faq-grid details { border-top: 1px solid rgba(147,204,224,.2); }
.partner-faq-grid details:last-child { border-bottom: 1px solid rgba(147,204,224,.2); }
.partner-faq-grid summary { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: #eff9fb; cursor: pointer; font: 640 .85rem/1.3 "Space Grotesk",sans-serif; list-style: none; }
.partner-faq-grid summary::-webkit-details-marker { display: none; }
.partner-faq-grid summary span { color: #7ed1eb; font: 400 1.25rem/1 "Space Grotesk",sans-serif; }
.partner-faq-grid details[open] summary span { transform: rotate(45deg); }
.partner-faq-grid details p { margin: -.2rem 2.5rem 1.3rem 0; color: rgba(219,237,243,.59); font-size: .68rem; line-height: 1.7; }

@media (max-width: 960px) {
  .partner-hero-grid,.partner-section-heading,.partner-track-layout,.partner-standards-grid,.partner-application-grid,.partner-faq-grid { grid-template-columns: 1fr; }
  .partner-hero-grid { gap: 3rem; }
  .partner-fit-record { width: min(100%,620px); }
  .partner-principle-rail,.partner-process-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .partner-principle-rail article:nth-child(2) { border-right: 0; }
  .partner-principle-rail article:nth-child(-n+2) { border-bottom: 1px solid rgba(147,207,226,.17); }
  .partner-section-heading { gap: 1.5rem; }
  .partner-application-intro { position: static; }
  .partner-form { max-width: 760px; }
}

@media (max-width: 620px) {
  .partner-hero-grid { min-height: 0; padding-block: 4rem 3rem; }
  .partner-hero-copy h1 { font-size: clamp(3.2rem,15.5vw,4.9rem); }
  .partner-principle-rail,.partner-process-grid,.partner-track-tabs { grid-template-columns: 1fr; }
  .partner-principle-rail article { min-height: 155px; border-right: 0; border-bottom: 1px solid rgba(147,207,226,.17); }
  .partner-principle-rail h2 { margin-top: 2rem; }
  .partner-process-section,.partner-track-section,.partner-standards-section,.partner-application-section,.partner-faq-section { padding-block: 4.5rem; }
  .partner-process-grid article { min-height: 255px; }
  .partner-track-record { min-height: 330px; }
  .partner-form-row { grid-template-columns: 1fr; }
  .partner-form-row label:first-child { border-right: 0; border-bottom: 1px solid #d6e1e5; }
  .partner-form-heading { align-items: flex-start; flex-direction: column; }
}

/* Checkout decision hierarchy — required steps lead; optional safeguards and add-ons remain explicit, neutral opt-ins. */
.checkout-validation-summary { margin: 0 0 1rem; padding: .8rem .9rem; display: flex; align-items: flex-start; gap: .65rem; border: 1px solid #c97979; border-left-width: 4px; border-radius: 4px; color: #713737; background: #fff7f6; }
.checkout-validation-summary svg { flex: 0 0 auto; margin-top: .05rem; }
.checkout-validation-summary b { display: block; color: #6b2f2f; font-size: .78rem; }
.checkout-validation-summary p { margin: .18rem 0 0; font-size: .68rem; line-height: 1.5; }
.checkout-field > span .checkout-required { margin-left: .3rem; color: #8a4b4b; font-size: .56rem; font-weight: 750; letter-spacing: .02em; text-transform: none; }
.checkout-field.is-invalid input, .checkout-field.is-invalid select { border-color: #b85f5f; background: #fffafa; box-shadow: 0 0 0 2px rgba(184,95,95,.08); }
.checkout-field-error { color: #8b3f3f; font-size: .64rem; font-weight: 700; line-height: 1.4; }
.checkout-select .checkout-field-error { position: static; }
.checkout-consent input:focus-visible + span { outline: 3px solid rgba(49,143,196,.3); outline-offset: 3px; }
.checkout-consent.is-invalid { padding: .75rem; border: 1px solid #c97979; border-radius: 4px; background: #fff8f7; }
.checkout-consent.is-invalid > span { border-color: #b85f5f; }
.checkout-consent p b { color: #344f5d; }
.checkout-consent-error { grid-column: 2; color: #8b3f3f; font-size: .64rem; font-weight: 700; line-height: 1.45; }
.checkout-handoff-note p { display: grid; gap: .2rem; }
.checkout-handoff-note p span { color: #4d6b7b; }
.checkout-protection { margin: 1rem 0 0; padding: 1rem; display: grid; grid-template-columns: 48px minmax(0,1fr) auto; align-items: start; gap: .85rem; border: 1px solid #cbd7dc; background: #fbfcfd; transition: border-color .18s var(--ease-out),background .18s var(--ease-out),box-shadow .18s var(--ease-out); }
.checkout-protection.active { border-color: #418cac; background: #f0f9fc; box-shadow: inset 4px 0 #2c83a5; }
.checkout-protection-icon { width: 46px; height: 46px; display: inline-flex; align-items: center; justify-content: center; color: #527384; border: 1px solid #bacbd2; background: #fff; }
.checkout-protection-copy > span { display: block; color: #5b7380; font: 750 .57rem/1 "DM Mono",monospace; letter-spacing: .09em; text-transform: uppercase; }
.checkout-protection-copy h3 { margin: .34rem 0 .32rem; color: #213b4a; font: 700 1.08rem/1 "Space Grotesk",sans-serif; letter-spacing: -.025em; }
.checkout-protection-copy p { max-width: 590px; margin: 0; color: #687b85; font-size: .75rem; line-height: 1.58; }
.checkout-protection-copy a { margin-top: .5rem; display: inline-flex; color: #2b6884; font-size: .69rem; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.checkout-protection > strong { color: #344850; font: 750 .84rem/1 "DM Mono",monospace; }
.checkout-protection-toggle { grid-column: 2 / -1; margin-top: .15rem; padding-top: .8rem; display: flex; align-items: center; gap: .7rem; border-top: 1px solid #d9e2e5; cursor: pointer; text-align: left; }
.checkout-protection-toggle > span { color: #2a414d; font-size: .73rem; font-weight: 800; }
.checkout-protection-switch { position: relative; width: 48px; height: 27px; display: inline-block; flex: 0 0 auto; border-radius: 999px; background: #9babb3; transition: background .18s var(--ease-out); }
.checkout-protection-switch::after { position: absolute; top: 3px; left: 3px; width: 21px; height: 21px; border-radius: 50%; content: ""; background: #fff; box-shadow: 0 1px 2px rgba(23,46,56,.28); transition: transform .18s var(--ease-out); }
.checkout-protection-toggle[role="switch"][aria-checked="true"] .checkout-protection-switch { background: #2d708f; }
.checkout-protection-toggle[role="switch"][aria-checked="true"] .checkout-protection-switch::after { transform: translateX(21px); }
.checkout-protection-toggle:focus-visible { outline: 3px solid rgba(49,143,196,.28); outline-offset: 3px; }
.checkout-shipping--form { margin-top: .85rem; padding: .85rem 0 0; border-top: 1px solid #dce5e9; border-bottom: 0; }
.checkout-shipping--form > p { margin-bottom: .55rem; color: #496978; font-size: .62rem; }
.checkout-shipping--form > div[role="radiogroup"] { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .5rem; }
.checkout-shipping--form > button, .checkout-shipping--form > div[role="radiogroup"] > button { min-height: 64px; padding: .62rem .7rem; grid-template-columns: 20px minmax(0,1fr) auto; gap: .55rem; border: 1px solid #cbd8de; border-radius: 6px; color: #50616a; background: #fff; }
.checkout-shipping--form > button + button { margin-top: 0; }
.checkout-shipping--form > button:hover, .checkout-shipping--form > div[role="radiogroup"] > button:hover { border-color: #93bbcd; background: #f8fcfd; }
.checkout-shipping--form > button.active, .checkout-shipping--form > div[role="radiogroup"] > button.active { border-color: #3f95b9; color: #173c4d; background: #edf8fc; box-shadow: inset 3px 0 #287d9e; }
.checkout-shipping--form .checkout-radio { width: 20px; height: 20px; display: grid; place-items: center; border: 1px solid #aabcc3; border-radius: 50%; background: #fff; }
.checkout-shipping--form .checkout-radio i { width: 8px; height: 8px; display: block; border-radius: 50%; background: #63b7dc; box-shadow: 0 0 0 2px rgba(99,183,220,.13); }
.checkout-shipping--form .checkout-shipping-copy { min-width: 0; display: grid; justify-items: start; gap: .14rem; text-align: left; }
.checkout-shipping--form .checkout-shipping-price { justify-self: end; white-space: nowrap; }
.checkout-shipping--form b { color: #2a424f; font-size: .73rem; }
.checkout-shipping--form small { color: #6b7d85; font-size: .55rem; }
.checkout-shipping--form small.checkout-shipping-threshold { width: fit-content; max-width: 100%; margin-top: .08rem; padding: .18rem .34rem; border-radius: 3px; color: #075e82; background: #dff4fc; font-size: .66rem; font-weight: 800; line-height: 1.3; }
.checkout-shipping--form strong { color: #294551; font-size: .68rem; }
.checkout-billing-toggle { position: relative; min-height: 68px; padding: .82rem .9rem; display: grid; grid-template-columns: 24px minmax(0,1fr); align-items: start; gap: .8rem; border: 1px solid #d3dfe4; border-radius: 5px; background: #f8fbfc; cursor: pointer; box-shadow: 0 1px 0 rgba(7,46,69,.04); transition: border-color .18s var(--ease-out),background .18s var(--ease-out),box-shadow .18s var(--ease-out); }
.checkout-billing-toggle:hover { border-color: #9fbfcd; background: #f3f9fc; }
.checkout-billing-toggle.is-active { border-color: #72abc1; background: #eef8fc; box-shadow: inset 3px 0 #2f819f; }
.checkout-billing-toggle input { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.checkout-billing-check { width: 24px; height: 24px; margin-top: .05rem; display: grid; place-items: center; border: 1px solid #8faab6; border-radius: 4px; color: transparent; background: #fff; transition: color .14s var(--ease-out),border-color .14s var(--ease-out),background .14s var(--ease-out),transform .14s var(--ease-out); }
.checkout-billing-check svg { opacity: 0; transform: scale(.82); transition: opacity .14s var(--ease-out),transform .14s var(--ease-out); }
.checkout-billing-toggle input:checked + .checkout-billing-check { color: #062b4a; border-color: #58a8c8; background: var(--accent-blue); }
.checkout-billing-toggle input:checked + .checkout-billing-check svg { opacity: 1; transform: scale(1); }
.checkout-billing-toggle input:focus-visible + .checkout-billing-check { outline: 3px solid rgba(49,143,196,.28); outline-offset: 3px; }
.checkout-billing-toggle-copy { min-width: 0; padding-top: .02rem; display: grid; gap: .25rem; }
.checkout-billing-toggle-copy b { display: block; color: #153e51; font-size: .78rem; line-height: 1.35; }
.checkout-billing-toggle-copy small { display: block; color: #657d88; font-size: .66rem; line-height: 1.45; }
.checkout-verified-account { min-height: 68px; padding: .82rem .9rem; display: flex; align-items: center; border: 1px solid #72abc1; border-radius: 5px; background: #eef8fc; box-shadow: inset 3px 0 #2f819f; }
.checkout-verified-account-copy { min-width: 0; display: grid; gap: .25rem; }
.checkout-verified-account-copy b { display: block; color: #153e51; font-size: .78rem; line-height: 1.35; }
.checkout-verified-account-copy small { display: block; color: #657d88; font-size: .66rem; line-height: 1.45; }
.checkout-billing-fields { margin-top: .9rem; padding-top: .9rem; border-top: 1px solid #dce5e9; }

@media (max-width: 560px) {
  .checkout-protection { grid-template-columns: 36px minmax(0,1fr); }
  .checkout-protection > strong { grid-column: 2; }
  .checkout-protection-toggle { grid-column: 1 / -1; }
  .checkout-validation-summary { margin-bottom: .8rem; }
  .checkout-shipping--form > div[role="radiogroup"] { grid-template-columns: 1fr; }
  .checkout-shipping--form > button, .checkout-shipping--form > div[role="radiogroup"] > button { min-height: 62px; padding: .52rem .58rem; grid-template-columns: 20px minmax(0,1fr) auto; gap: .48rem; }
  .checkout-shipping--form .checkout-shipping-copy { gap: .08rem; }
  .checkout-shipping--form b { font-size: .72rem; }
  .checkout-shipping--form small { font-size: .54rem; line-height: 1.2; }
  .checkout-shipping--form small.checkout-shipping-threshold { width: auto; margin-top: 0; padding: 0; border-radius: 0; color: #1e6e90; background: transparent; font-size: .54rem; line-height: 1.2; }
  .checkout-shipping--form .checkout-shipping-price { font-size: .68rem; }
  .checkout-billing-toggle { min-height: 70px; padding: .82rem; }
  .checkout-verified-account { min-height: 70px; padding: .82rem; }
}

@media (max-width: 620px) {
  .area-card { min-height: 225px; padding: 1.25rem; }
  .area-title-row { margin-top: 1.55rem; grid-template-columns: 40px minmax(0,1fr); gap: .75rem; }
  .area-icon { width: 40px; height: 40px; }
  .area-card h3 { font-size: 1.28rem; }
  .area-card p { margin: .72rem 0 0 3.25rem; font-size: .75rem; line-height: 1.58; }
  .area-link { left: 4.5rem; bottom: 1.15rem; font-size: .64rem; }
}

/* Trusted visual-review refinement — institutional headline color, route-specific records, and scientific substrates. */
.storage-hero-copy h1 em,
.policy-hero-copy h1 em,
.partner-hero-copy h1 em { color: inherit; font-style: normal; font-weight: inherit; }

.storage-hero-actions .primary-button,
.partner-hero-copy .primary-button,
.policy-contact-details .primary-button { border-color: rgba(255,255,255,.72); color: #071b2d; background: #fff; }

.storage-hero::after,
.policy-hero::after,
.partner-hero::after { position: absolute; inset: 0; content: ""; pointer-events: none; opacity: .34; background-image: radial-gradient(circle at 8% 22%,rgba(171,222,237,.46) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 74%,rgba(171,222,237,.35) 0 1px,transparent 1.5px),radial-gradient(circle at 88% 36%,rgba(171,222,237,.3) 0 1px,transparent 1.5px),linear-gradient(118deg,transparent 0 46%,rgba(142,204,223,.11) 46.1% 46.22%,transparent 46.3% 100%); background-size: 180px 180px,230px 230px,280px 280px,100% 100%; }
.storage-hero-grid,.policy-hero-grid,.partner-hero-grid { position: relative; z-index: 1; }

.storage-practice-section,
.policy-contact-section,
.partner-track-section,
.partner-faq-section { background-image: radial-gradient(circle at 12% 18%,rgba(159,216,234,.15) 0 1px,transparent 1.6px),radial-gradient(circle at 84% 70%,rgba(159,216,234,.11) 0 1px,transparent 1.6px),linear-gradient(rgba(145,204,224,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(145,204,224,.045) 1px,transparent 1px); background-size: 190px 190px,250px 250px,42px 42px,42px 42px; }

.storage-condition-index,
.policy-record-card,
.partner-fit-record { position: relative; overflow: hidden; border-left-width: 3px; }
.storage-condition-index::after,
.policy-record-card::after,
.partner-fit-record::after { position: absolute; right: .5rem; bottom: .75rem; color: rgba(187,225,236,.34); font: 750 .42rem/1 "DM Mono",monospace; letter-spacing: .12em; text-transform: uppercase; writing-mode: vertical-rl; }
.storage-condition-index::after { content: "COLD / DRY / DARK"; }
.policy-page--privacy .policy-record-card::after { content: "DATA REGISTER"; }
.policy-page--shipping .policy-record-card::after { content: "TRACE 01 → 03"; }
.policy-page--terms .policy-record-card::after { content: "GOVERNANCE RECORD"; }
.partner-fit-record::after { content: "ACTIVATION DOSSIER"; }

.policy-section-rail header { grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; }
.policy-section-rail header > span { width: 32px; height: 24px; padding: 0; display: inline-flex; align-items: center; justify-content: center; color: #1f7899; border: 1px solid #a9cbd7; background: #eef7fa; }
.policy-section-rail header::after { content: "POLICY RECORD"; color: #82969f; font: 750 .44rem/1 "DM Mono",monospace; letter-spacing: .09em; }
.policy-toc nav a span { width: 21px; height: 18px; display: inline-flex; align-items: center; justify-content: center; color: #4f8498; border: 1px solid #c6d9e0; background: #f4f9fa; }

@media (max-width: 620px) {
  .policy-section-rail header { grid-template-columns: 36px minmax(0,1fr); }
  .policy-section-rail header::after { display: none; }
  .storage-condition-index::after,.policy-record-card::after,.partner-fit-record::after { display: none; }
}

/* Audit readability extension — this final layer intentionally follows all route-specific legacy styles.
   It preserves the compact clinical hierarchy while preventing metadata, legal copy, and narrow-screen
   display type from becoming difficult to scan at 320–414px. */
.announcement-bar p,
.proof-ticker-track span,
.footer-social span,
.footer-bottom,
.research-use-disclosure-heading span,
.support-index > span,
.support-index p,
.support-direct-links small,
.support-form-heading span,
.support-form-heading small,
.support-form label > span,
.faq-index-heading > span,
.faq-search-field small,
.faq-filter-row span,
.faq-group-heading span,
.faq-group-heading small,
.about-proof-table span,
.about-story-layout > aside span,
.about-story-index span,
.coa-library-stats span,
.coa-library-count,
.coa-record-index,
.coa-status-line span:last-child,
.coa-record-meta span,
.policy-record-head span,
.policy-record-card > div > span,
.policy-toc > div > p:last-child,
.policy-toc nav a span,
.policy-section-rail header > span,
.policy-section-rail header::after,
.policy-contact-details b,
.partner-fit-head span,
.partner-principle-rail span,
.partner-process-grid article > span,
.partner-track-tabs button,
.partner-track-record > span,
.partner-track-record a,
.partner-form-heading span,
.partner-form-heading small,
.partner-form label > span,
.checkout-protection-copy > span {
  font-size: var(--read-label-compact);
  line-height: 1.4;
}

.footer-column a,
.footer-column button,
.footer-contact input,
.coa-section-link,
.benchmark-library-link,
.product-proof-coa,
.faq-filter-row button,
.faq-accordion [data-slot="accordion-content"] a,
.support-direct-links a > span,
.partner-application-intro > a,
.partner-faq-grid > div:first-child > a,
.checkout-protection-copy a {
  font-size: .75rem;
  line-height: 1.4;
}

.footer-brand p,
.footer-contact p,
.research-use-disclosure-copy p,
.support-topic-list p,
.support-form-disclosure,
.faq-accordion [data-slot="accordion-content"] p,
.about-story-layout > aside p,
.about-cta-grid > div:first-child > p:last-child,
.coa-record-main p,
.coa-library-empty p,
.policy-record-card > p,
.policy-journey-grid p,
.policy-toc nav a,
.policy-section-rail > article > p,
.policy-section-rail li,
.policy-contact-details span,
.partner-fit-record > p,
.partner-principle-rail p,
.partner-process-grid p,
.partner-track-intro > p:not(.section-label),
.partner-track-record p,
.partner-standard-list p,
.partner-application-intro > p:not(.section-label),
.partner-form-disclosure,
.partner-faq-grid details p,
.checkout-protection-copy p {
  font-size: var(--read-support);
  line-height: 1.65;
}

.footer-brand p,
.footer-contact p,
.research-use-disclosure-copy p { color: rgba(230, 242, 245, .76); }
.footer-column a,
.footer-column button { color: rgba(226, 239, 242, .74); }
.footer-bottom { color: rgba(225, 239, 242, .66); }
.partner-form label > span,
.support-form label > span { color: #48636f; }

@media (max-width: 560px) {
  .hero-copy h1,
  .catalog-hero h1,
  .support-hero-copy h1,
  .faq-index-heading h1,
  .about-accel-hero h1,
  .coa-library-hero-copy h1,
  .storage-hero-copy h1,
  .policy-hero-copy h1,
  .partner-hero-copy h1,
  .checkout-title h1,
  .checkout-empty-copy h1 {
    line-height: .98;
    letter-spacing: -.052em;
    overflow-wrap: anywhere;
    text-wrap: balance;
  }

  .hero-copy h1 { font-size: clamp(2.35rem, 11.5vw, 3.15rem); }
  .catalog-hero h1 { font-size: clamp(2.25rem, 10.8vw, 3rem); }
  .support-hero-copy h1,
  .faq-index-heading h1 { font-size: clamp(2.35rem, 11.5vw, 3.15rem); }
  .about-accel-hero h1,
  .coa-library-hero-copy h1,
  .storage-hero-copy h1,
  .policy-hero-copy h1,
  .partner-hero-copy h1 { font-size: clamp(2.5rem, 12vw, 3.35rem); }
  .checkout-title h1,
  .checkout-empty-copy h1 { font-size: clamp(2.3rem, 11vw, 3.1rem); }

  .section-heading h2,
  .research-section h2,
  .faq-intro h2,
  .support-form-intro h2,
  .faq-group-heading h2,
  .about-story-rail h2,
  .about-cta-grid h2,
  .policy-journey-heading h2,
  .policy-contact-grid h2,
  .partner-section-heading h2,
  .partner-track-intro h2,
  .partner-standards-grid h2,
  .partner-application-intro h2,
  .partner-faq-grid h2 {
    line-height: 1.02;
    letter-spacing: -.045em;
    text-wrap: balance;
  }

  .section-heading h2,
  .research-section h2,
  .faq-intro h2 { font-size: clamp(1.9rem, 9vw, 2.35rem); }
  .support-form-intro h2,
  .about-story-rail h2,
  .about-cta-grid h2,
  .policy-journey-heading h2,
  .policy-contact-grid h2,
  .partner-section-heading h2,
  .partner-track-intro h2,
  .partner-standards-grid h2,
  .partner-application-intro h2,
  .partner-faq-grid h2 { font-size: clamp(2rem, 9.6vw, 2.65rem); }

  .hero-copy p,
  .catalog-hero-copy > p:last-child,
  .support-hero-copy > p:not(.section-label),
  .faq-index-heading > p:not(.section-label),
  .about-accel-hero-grid > div:first-child > p:last-child,
  .coa-library-hero-copy > p:last-child,
  .storage-hero-copy > p:not(.section-label),
  .policy-hero-copy > p:not(.section-label),
  .partner-hero-copy > p:not(.section-label) {
    font-size: var(--read-body);
    line-height: 1.68;
  }

  .section-label,
  .mini-label,
  .tab-kicker,
  .announcement-bar p,
  .proof-ticker-track span,
  .footer-bottom,
  .research-use-disclosure-heading span,
  .support-form label > span,
  .partner-form label > span {
    font-size: var(--read-label);
    line-height: 1.45;
    letter-spacing: .075em;
  }

  .footer-brand p,
  .footer-contact p,
  .research-use-disclosure-copy p,
  .support-topic-list p,
  .support-form-disclosure,
  .faq-accordion [data-slot="accordion-content"] p,
  .about-story-layout > aside p,
  .about-story-rail p,
  .coa-record-main p,
  .policy-record-card > p,
  .policy-journey-grid p,
  .policy-toc nav a,
  .policy-section-rail > article > p,
  .policy-section-rail li,
  .policy-contact-details span,
  .partner-fit-record > p,
  .partner-principle-rail p,
  .partner-process-grid p,
  .partner-track-intro > p:not(.section-label),
  .partner-track-record p,
  .partner-standard-list p,
  .partner-application-intro > p:not(.section-label),
  .partner-form-disclosure,
  .partner-faq-grid details p,
  .checkout-protection-copy p {
    font-size: var(--read-support);
    line-height: 1.68;
  }

  .footer-column a,
  .footer-column button,
  .support-form input,
  .support-form select,
  .support-form textarea,
  .partner-form input,
  .partner-form select,
  .partner-form textarea {
    font-size: .8125rem;
    line-height: 1.45;
  }
}

/* Audit storefront-chrome refinement — explicit focus rings, complete utility targets, unclipped mobile
   announcement/ticker rails, and a truthful non-collecting updates panel. */
.announcement-bar button {
  width: 36px;
  height: 36px;
}

.announcement-bar button:focus-visible,
.site-header .brand-button:focus-visible,
.site-header .nav-link:focus-visible,
.site-header .icon-button:focus-visible,
.site-header .cart-button:focus-visible,
.site-header .menu-button:focus-visible,
.mobile-nav a:focus-visible,
.back-to-top:focus-visible,
.footer-brand > a:focus-visible,
.footer-column a:focus-visible,
.footer-column button:focus-visible,
.footer-bottom a:focus-visible,
.first-order-offer-form > input:focus-visible,
.first-order-offer-form > button:focus-visible,
.first-order-offer-action:focus-visible,
.first-order-offer-form a:focus-visible {
  outline: 3px solid #79d6e2;
  outline-offset: 3px;
}

.site-header .brand-button {
  min-height: 42px;
  align-items: center;
}

.site-header .icon-button,
.site-header .cart-button,
.site-header .menu-button {
  min-width: 42px;
  min-height: 42px;
}

.mobile-nav a { min-height: 48px; }

.proof-ticker {
  height: auto;
  min-height: 32px;
}

.proof-ticker-track { align-items: center; }
.proof-ticker-track span { min-height: 32px; }

.footer-brand > a {
  min-height: 44px;
  align-items: center;
}

.footer-column a,
.footer-column button,
.footer-bottom a { min-height: 40px; }

.footer-brand p,
.research-use-disclosure-copy p { color: rgba(235, 246, 248, .82); }

.footer-column a,
.footer-column button { color: rgba(234, 246, 248, .82); }

.footer-bottom { color: rgba(232, 244, 247, .74); }

@media (max-width: 560px) {
  .announcement-bar {
    min-height: 50px;
    padding: .28rem .35rem;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
  }

  .announcement-bar button {
    width: 44px;
    height: 44px;
  }

  .announcement-bar p {
    padding-inline: .25rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
  }

  .header-main { gap: .25rem; }
  .site-header .brand-logo-image { width: 138px; max-height: 28px; }

  .site-header .icon-button,
  .site-header .cart-button,
  .site-header .menu-button {
    min-width: 44px;
    width: 44px;
    min-height: 44px;
    height: 44px;
  }

  .proof-ticker,
  .proof-ticker-track span { min-height: 34px; }

  .mobile-nav { padding: .35rem 1rem .65rem; }
  .mobile-nav a { padding: .8rem .45rem; font-size: .78rem; }

  .footer-column a,
  .footer-column button,
  .footer-bottom a { min-height: 44px; }

  .footer-bottom div { gap: .25rem .8rem; }
  .first-order-offer-section { padding: 2rem 0; }
  .first-order-offer-shell { width: calc(100% - 1.25rem); padding: 1.35rem .95rem; gap: 1.35rem; border-radius: 22px; }
  .first-order-offer-section h2 { font-size: clamp(2rem,11vw,2.85rem); }
  .first-order-offer-copy > p:last-child { font-size: var(--read-support); }
  .first-order-offer-form,.first-order-offer-success { padding: .9rem; border-radius: 18px; }
}

/* Audit refinement: product evidence priority and long-form disclosure */
.product-coa-primary {
  width: 100%;
  min-height: 84px;
  margin: .75rem 0 .25rem;
  padding: .9rem 1rem;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: .8rem;
  border: 1px solid #acd9ec;
  border-left: 4px solid var(--signal-blue);
  border-radius: 4px;
  color: #123b56;
  background: linear-gradient(120deg, #eef9ff 0%, #f8fcff 62%, #e8f6fd 100%);
  box-shadow: 0 10px 22px rgba(19, 88, 126, .08);
  text-align: left;
  transition: transform .16s var(--ease-out), border-color .16s var(--ease-out), background .16s var(--ease-out), box-shadow .16s var(--ease-out);
}

.product-coa-primary:hover {
  border-color: #79c4e5;
  background: linear-gradient(120deg, #e5f6ff 0%, #f8fcff 62%, #def2fc 100%);
  box-shadow: 0 14px 26px rgba(19, 88, 126, .12);
}

.product-coa-primary:active { transform: scale(.985); }

.product-coa-primary:focus-visible {
  outline: 3px solid #1a769f;
  outline-offset: 3px;
}

.product-coa-primary--listed_unresolved,
.product-coa-primary--not_listed {
  border-color: #c4d6df;
  border-left-color: #6c8b9a;
  background: linear-gradient(120deg, #f3f7f9 0%, #fbfdfe 64%, #edf3f6 100%);
}

.product-coa-primary-icon {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #a7d6e9;
  border-radius: 50%;
  color: #176d99;
  background: rgba(255, 255, 255, .8);
}

.product-coa-primary-copy {
  min-width: 0;
  display: grid;
  gap: .2rem;
}

.product-coa-primary-copy small {
  color: #287aa4;
  font: 750 .58rem/1.2 "DM Mono", monospace;
  letter-spacing: .08em;
}

.product-coa-primary-copy strong {
  color: #12364e;
  font: 700 1rem/1.15 "Space Grotesk", sans-serif;
  letter-spacing: -.025em;
}

.product-coa-primary-copy em {
  overflow: hidden;
  color: #5c7888;
  font-size: .7rem;
  font-style: normal;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-coa-primary-arrow {
  color: #1b759f;
  transition: transform .16s var(--ease-out);
}

.product-coa-primary:hover .product-coa-primary-arrow { transform: translateX(3px); }

.product-monographs-disclosure { min-width: 0; }

.product-monographs-disclosure > summary {
  min-height: 112px;
  padding: 1.2rem 1.25rem;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  border: 1px solid #c9e0ec;
  border-left: 4px solid var(--signal-blue);
  color: #143b55;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 15px 30px rgba(11, 52, 78, .07);
  cursor: pointer;
  list-style: none;
  transition: border-color .16s var(--ease-out), background .16s var(--ease-out), box-shadow .16s var(--ease-out);
}

.product-monographs-disclosure > summary::-webkit-details-marker { display: none; }

.product-monographs-disclosure > summary:hover {
  border-color: #91cce6;
  background: #fbfeff;
  box-shadow: 0 18px 34px rgba(11, 52, 78, .1);
}

.product-monographs-disclosure > summary:focus-visible {
  outline: 3px solid #1a769f;
  outline-offset: 4px;
}

.product-monographs-summary-icon {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #b8ddec;
  border-radius: 50%;
  color: #1c779f;
  background: #edf9ff;
}

.product-monographs-summary-copy {
  min-width: 0;
  display: grid;
  gap: .28rem;
}

.product-monographs-summary-copy small {
  color: #3c7f9e;
  font: 700 .56rem/1.2 "DM Mono", monospace;
  letter-spacing: .085em;
}

.product-monographs-summary-copy strong {
  color: #14354d;
  font: 700 clamp(1rem, 1.65vw, 1.25rem)/1.15 "Space Grotesk", sans-serif;
  letter-spacing: -.035em;
}

.product-monographs-summary-copy em {
  color: #607986;
  font-size: .7rem;
  font-style: normal;
  line-height: 1.45;
}

.product-monographs-summary-arrow {
  color: #267ca5;
  transition: transform .2s var(--ease-out);
}

.product-monographs-disclosure[open] > summary {
  border-color: #9fd2e7;
  background: #fff;
}

.product-monographs-disclosure[open] .product-monographs-summary-arrow { transform: rotate(90deg); }
.product-monographs-disclosure[open] .product-monographs-list { margin-top: 1rem; }

@media (max-width: 560px) {
  .product-image-coa { min-height: 44px; padding-inline: .72rem; }

  .product-coa-primary {
    min-height: 96px;
    margin-top: .78rem;
    padding: .78rem .8rem;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    gap: .65rem;
  }

  .product-coa-primary-icon { width: 36px; height: 36px; }
  .product-coa-primary-copy small { font-size: .62rem; }
  .product-coa-primary-copy strong { font-size: .94rem; }
  .product-coa-primary-copy em {
    display: -webkit-box;
    overflow: hidden;
    font-size: .72rem;
    line-height: 1.4;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .product-monographs-section { padding-block: 3rem; }
  .product-monographs-layout { gap: 1.45rem; }
  .product-monographs-disclosure > summary {
    min-height: 126px;
    padding: 1rem;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: .7rem;
  }
  .product-monographs-summary-icon { width: 40px; height: 40px; }
  .product-monographs-summary-copy small { font-size: .59rem; line-height: 1.4; }
  .product-monographs-summary-copy strong { font-size: 1rem; }
  .product-monographs-summary-copy em { font-size: .72rem; }
}

/* Audit refinement: mobile support forms and long-page rhythm */
.form-required-mark {
  margin-left: .15rem;
  color: #177da5;
  font: inherit;
}

.form-field-optional {
  margin-left: .32rem;
  color: #728791;
  font: 650 .62rem/1.3 "Space Grotesk", sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

.support-form-heading small,
.partner-form-heading small {
  line-height: 1.4;
}

.support-form-heading small b,
.partner-form-heading small b {
  color: #4a9abb;
}

.support-form-actions,
.partner-form-actions {
  display: grid;
  gap: .7rem;
}

.support-form-actions .primary-button,
.partner-form-actions .primary-button {
  margin: 0;
  width: fit-content;
}

.partner-form-actions {
  padding: 1rem;
}

.partner-form-actions .partner-form-disclosure {
  padding: 0;
}

.partner-form label > span {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .14rem;
}

.partner-form input,
.partner-form select {
  min-height: 44px;
}

.partner-form textarea {
  min-height: 132px;
}

.partner-confirmation {
  min-height: 62px;
  grid-template-columns: 24px minmax(0, 1fr);
  cursor: pointer;
  transition: background .16s var(--ease-out), box-shadow .16s var(--ease-out);
}

.partner-confirmation input {
  width: 24px;
  height: 24px;
}

.partner-confirmation:focus-within {
  background: #edf8fc;
  box-shadow: inset 0 0 0 3px #2786ab;
}

@media (max-width: 560px) {
  .support-form-section {
    padding-block: 3.25rem;
  }

  .support-form-grid {
    gap: 1.8rem;
  }

  .support-form-intro h2 {
    margin-block: .7rem .8rem;
  }

  .support-topic-list {
    margin-top: 1.35rem;
  }

  .support-topic-list article {
    padding-block: .8rem;
    grid-template-columns: 20px 24px minmax(0, 1fr);
    gap: .55rem;
  }

  .support-form {
    padding: 1rem;
    gap: .9rem;
  }

  .support-form-heading {
    padding-bottom: .8rem;
    align-items: flex-start;
    flex-direction: column;
    gap: .35rem;
  }

  .support-form-heading small,
  .partner-form-heading small {
    text-align: left;
  }

  .support-form label {
    gap: .5rem;
  }

  .support-form input,
  .support-form select {
    min-height: 48px;
  }

  .support-form textarea {
    min-height: 132px;
  }

  .support-form-actions .primary-button,
  .partner-form-actions .primary-button {
    width: 100%;
    min-height: 48px;
  }

  .support-next-step {
    padding-block: 2.75rem;
  }

  .support-next-step-grid {
    gap: 1rem;
  }

  .partner-process-section,
  .partner-track-section,
  .partner-standards-section,
  .partner-application-section,
  .partner-faq-section {
    padding-block: 3.5rem;
  }

  .partner-principle-rail article {
    min-height: 0;
    padding: 1rem;
  }

  .partner-principle-rail h2 {
    margin-top: 1.2rem;
  }

  .partner-process-grid article {
    min-height: 0;
    padding: 1rem;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    gap: .38rem .72rem;
  }

  .partner-process-grid article > span {
    grid-column: 3;
    grid-row: 1;
  }

  .partner-process-grid article > svg {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: center;
    margin-top: 0;
  }

  .partner-process-grid h3 {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
  }

  .partner-process-grid p {
    grid-column: 2 / 4;
    grid-row: 2;
  }

  .partner-track-record {
    min-height: 0;
    padding: 1.1rem;
  }

  .partner-track-record > svg {
    margin-top: 1.5rem;
  }

  .partner-section-heading,
  .partner-application-grid,
  .partner-faq-grid {
    gap: 1.5rem;
  }

  .partner-form > label:not(.partner-confirmation),
  .partner-form-row label {
    padding: .9rem 1rem;
    gap: .5rem;
  }

  .partner-form input,
  .partner-form select,
  .partner-form textarea {
    font-size: .875rem;
  }

  .partner-form-heading {
    gap: .35rem;
  }

  .partner-confirmation {
    min-height: 76px;
    padding: 1rem;
    gap: .75rem;
  }

  .partner-confirmation span {
    font-size: .75rem !important;
    line-height: 1.55 !important;
  }

  .partner-form-actions {
    padding: 1rem;
    gap: .75rem;
  }

  .partner-faq-grid summary {
    min-height: 60px;
  }
}

/* Current Offers page — a focused BOGO explainer with a compact product-discovery field. */
.offers-page { background: #f7f9fa; color: #102633; }
.offers-hero { position: relative; overflow: hidden; background: #061b2a; color: #fff; padding: clamp(4.5rem, 9vw, 8rem) 0 clamp(4rem, 8vw, 6.5rem); }
.offers-hero::before { content: ""; position: absolute; width: 38rem; height: 38rem; right: -13rem; top: -21rem; border: 1px solid rgba(144, 213, 240, .26); border-radius: 50%; box-shadow: 0 0 0 4.5rem rgba(144, 213, 240, .035), 0 0 0 9rem rgba(144, 213, 240, .025); }
.offers-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(117, 207, 239, .78), transparent); }
.offers-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); align-items: end; gap: clamp(2rem, 8vw, 8rem); }
.offers-hero-copy { max-width: 44rem; }
.offers-hero .section-label--light { color: #99dcf3; }
.offers-hero h1 { margin: .85rem 0 1.1rem; max-width: 9ch; color: #fff; font-family: "Manrope", sans-serif; font-size: clamp(3.35rem, 7.5vw, 6.5rem); line-height: .88; letter-spacing: -.075em; }
.offers-hero h1 em, .offers-section-heading em, .offers-products-heading em { color: #78d8f4; font-style: normal; }
.offers-hero-copy > p:not(.section-label) { max-width: 39rem; margin: 0; color: rgba(233, 246, 250, .8); font-size: clamp(1rem, 1.5vw, 1.15rem); line-height: 1.75; }
.offers-hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.offers-primary-action, .offers-secondary-action { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: .55rem; padding: .75rem 1.05rem; border-radius: 3px; font-size: .76rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; transition: transform 160ms var(--ease-out), background-color 160ms var(--ease-out), border-color 160ms var(--ease-out); }
.offers-primary-action { background: #8bdff6; color: #08202f; }
.offers-primary-action:hover { background: #b6edfb; }
.offers-secondary-action { border: 1px solid rgba(192, 232, 245, .35); color: #dff6fd; }
.offers-secondary-action:hover { border-color: #8bdff6; color: #8bdff6; }
.offers-primary-action:active, .offers-secondary-action:active { transform: scale(.97); }
.offers-proof-card { padding: clamp(1.3rem, 3vw, 2rem); border: 1px solid rgba(150, 221, 243, .27); background: linear-gradient(145deg, rgba(18, 58, 76, .84), rgba(9, 30, 44, .66)); box-shadow: 0 1.2rem 3.6rem rgba(0, 0, 0, .22); }
.offers-proof-mark { display: flex; align-items: center; gap: .6rem; color: #91e1f7; font-size: .68rem; font-weight: 800; letter-spacing: .15em; }
.offers-proof-card > strong { display: block; margin: 1.7rem 0 1rem; color: #fff; font-size: clamp(2.1rem, 4vw, 3.6rem); line-height: .94; letter-spacing: -.06em; }
.offers-proof-card > strong em { color: #78d8f4; font-style: normal; }
.offers-proof-card > p { margin: 0 0 1.35rem; color: rgba(231, 246, 251, .73); font-size: .86rem; line-height: 1.65; }
.offers-proof-card > div:not(.offers-proof-mark) { display: flex; align-items: center; gap: .55rem; padding: .65rem 0; border-top: 1px solid rgba(184, 228, 241, .13); color: #d8f5fd; font-size: .73rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.offers-proof-card > div:not(.offers-proof-mark) svg { color: #77daf4; }
.offers-rules-section { padding: clamp(4rem, 8vw, 7rem) 0; background: #fff; }
.offers-section-heading { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(240px, .6fr); gap: 2rem; align-items: end; }
.offers-section-heading h2, .offers-products-heading h2 { margin: .75rem 0 0; font-size: clamp(2.2rem, 5vw, 4.4rem); line-height: .94; letter-spacing: -.06em; }
.offers-section-heading > p:not(.section-label), .offers-products-heading > p { margin: 0; color: #506a76; font-size: .97rem; line-height: 1.75; }
.offers-step-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 3rem; border: 1px solid #dce7eb; background: #dce7eb; }
.offers-step-grid article { min-height: 220px; padding: clamp(1.25rem, 3vw, 2rem); background: #fff; }
.offers-step-grid span { display: block; color: #5297ae; font-family: "IBM Plex Mono", monospace; font-size: .7rem; font-weight: 700; letter-spacing: .12em; }
.offers-step-grid h3 { margin: 2.6rem 0 .65rem; color: #0a2838; font-size: 1.15rem; letter-spacing: -.025em; }
.offers-step-grid p { margin: 0; color: #5a727d; font-size: .87rem; line-height: 1.65; }
.offers-rule-note { display: flex; align-items: flex-start; gap: .75rem; margin-top: 1.5rem; padding: 1.1rem 1.2rem; border-left: 3px solid #79d8f3; background: #eef9fc; color: #355763; }
.offers-rule-note svg { flex: 0 0 auto; margin-top: .08rem; color: #1684a8; }
.offers-rule-note p { margin: 0; font-size: .84rem; line-height: 1.65; }
.offers-products-section { padding: clamp(4rem, 8vw, 7rem) 0; background: #eff4f6; }
.offers-products-heading { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(230px, .55fr); align-items: end; gap: 2rem; }
.offers-commerce-state { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 2rem; padding: .9rem 1rem; border: 1px solid #bddae4; background: #fff; color: #42616d; font-size: .82rem; }
.offers-commerce-state button { display: inline-flex; align-items: center; gap: .4rem; border: 0; background: transparent; color: #086e8e; font: inherit; font-weight: 800; }
.offers-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-top: 2.4rem; }
.offers-product-card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid #d6e3e8; background: #fff; box-shadow: 0 .5rem 1.6rem rgba(6, 38, 54, .04); }
.offers-product-image { position: relative; display: grid; min-height: 210px; place-items: center; overflow: hidden; background: linear-gradient(145deg, #f2f7f8, #e5eff2); }
.offers-product-image::after { content: ""; position: absolute; inset: 13px; border: 1px solid rgba(49, 124, 149, .14); pointer-events: none; }
.offers-product-image img { width: 100%; height: 100%; max-height: 255px; object-fit: contain; padding: 1.15rem; transition: transform 250ms var(--ease-out); }
.offers-product-card:hover .offers-product-image img { transform: scale(1.035); }
.offers-product-image > span { color: #5f808d; font-family: "IBM Plex Mono", monospace; font-size: .65rem; letter-spacing: .12em; }
.offers-product-image b { position: absolute; z-index: 1; top: .7rem; left: .7rem; padding: .35rem .45rem; background: #0d3141; color: #a2e8fa; font-size: .54rem; letter-spacing: .08em; }
.offers-product-content { display: flex; min-height: 252px; flex: 1; flex-direction: column; padding: 1.15rem; }
.offers-product-content > span { color: #5c9aac; font-size: .59rem; font-weight: 800; letter-spacing: .12em; }
.offers-product-content h3 { margin: .5rem 0 .38rem; color: #0b2938; font-size: 1.18rem; letter-spacing: -.035em; }
.offers-product-content > p { min-height: 2.7em; margin: 0; color: #5c727c; font-size: .76rem; line-height: 1.55; }
.offers-product-price { display: flex; align-items: end; justify-content: space-between; gap: .5rem; margin-top: auto; padding-top: 1rem; }
.offers-product-price small { max-width: 8rem; color: #618895; font-size: .56rem; font-weight: 800; letter-spacing: .09em; line-height: 1.35; }
.offers-product-price strong { color: #0b2938; font-size: 1.26rem; letter-spacing: -.045em; }
.offers-product-actions { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.25fr); gap: .55rem; margin-top: 1rem; }
.offers-product-actions a, .offers-product-actions button { display: inline-flex; min-height: 41px; align-items: center; justify-content: center; gap: .34rem; border: 1px solid #b8d4dd; background: #fff; color: #1a4c5e; font-size: .62rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; transition: background-color 160ms var(--ease-out), border-color 160ms var(--ease-out), color 160ms var(--ease-out), transform 160ms var(--ease-out); }
.offers-product-actions button { border-color: #0a3244; background: #0a3244; color: #eafaff; cursor: pointer; }
.offers-product-actions a:hover { border-color: #57b9d9; color: #126b86; }
.offers-product-actions button:hover:not(:disabled) { background: #11516a; }
.offers-product-actions button:disabled { cursor: not-allowed; opacity: .48; }
.offers-product-actions a:active, .offers-product-actions button:active { transform: scale(.97); }
.offers-catalog-link { display: flex; justify-content: center; align-items: center; gap: .85rem; margin-top: 2.4rem; color: #53707b; font-size: .84rem; }
.offers-catalog-link p { margin: 0; }
.offers-catalog-link a { display: inline-flex; align-items: center; gap: .35rem; color: #096d8d; font-weight: 800; }

@media (max-width: 900px) {
  .offers-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .offers-product-image { min-height: 255px; }
}

@media (max-width: 640px) {
  .offers-hero { padding-top: 4rem; }
  .offers-hero-grid, .offers-section-heading, .offers-products-heading { grid-template-columns: 1fr; gap: 1.5rem; }
  .offers-hero h1 { font-size: clamp(3.1rem, 15vw, 4.3rem); }
  .offers-proof-card { max-width: 25rem; }
  .offers-step-grid { grid-template-columns: 1fr; margin-top: 2rem; }
  .offers-step-grid article { min-height: 0; }
  .offers-step-grid h3 { margin-top: 1.7rem; }
  .offers-product-grid { grid-template-columns: 1fr; }
  .offers-product-image { min-height: 265px; }
  .offers-product-content { min-height: 0; }
  .offers-product-content > p { min-height: 0; }
  .offers-catalog-link { flex-direction: column; gap: .4rem; text-align: center; }
}

/* Places suggestions only appear after voluntary street-address input; manual entry remains fully supported. */
.checkout-address-autocomplete-hint { display: block; margin-top: .42rem; color: #5d7783; font-size: .7rem; line-height: 1.45; }
.pac-container { z-index: 10000 !important; border: 1px solid #bdd3dc; border-radius: 4px; box-shadow: 0 .75rem 2rem rgba(8, 35, 48, .18); font-family: inherit; }


/* WordPress / Elementor bridge */
.elementor-widget-heading .elementor-heading-title,
.elementor-heading-title { margin: 0; }
.elementor-widget-text-editor p:last-child { margin-bottom: 0; }
.elementor-widget-button .elementor-button { border-radius: 5px; font-weight: 800; }
a.primary-button, a.ghost-button, a.coa-section-link, a.text-button, a.benchmark-library-link {
  text-decoration: none;
}
.site-header a, .site-footer a, .desktop-nav a, .mobile-nav a { text-decoration: none; }
.accel-profile-shop .gate-overlay { display: none !important; }
.elementor-element.product-card { --e-global-color-primary: inherit; }

/* --- Accel WP bridges (Elementor widgets + theme chrome) --- */
.gate-overlay[hidden] { display: none !important; }
html.accel-gate-open, html.accel-gate-open body { overflow: hidden; }
.mobile-nav[hidden] { display: none !important; }
.faq-accordion .faq-trigger,
.faq-accordion [data-faq-trigger] {
  width: 100%;
  min-height: 65px;
  padding: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border: 0;
  border-bottom: 1px solid #d7e1e3;
  border-radius: 0;
  background: transparent;
  color: #1d303a;
  font: 600 .83rem/1.35 "Space Grotesk", sans-serif;
  text-align: left;
  letter-spacing: -.025em;
  cursor: pointer;
  text-decoration: none;
}
.faq-accordion .faq-trigger:hover,
.faq-accordion [data-faq-trigger]:hover { color: #1b7599; }
.faq-accordion .faq-trigger::after,
.faq-accordion [data-faq-trigger]::after {
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  background: var(--accent-blue);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform .2s ease;
}
.faq-accordion .faq-item.is-open .faq-trigger,
.faq-accordion .faq-item.is-open [data-faq-trigger] { color: #1b7599; }
.faq-accordion .faq-item.is-open .faq-trigger::after,
.faq-accordion .faq-item.is-open [data-faq-trigger]::after,
.faq-accordion .faq-trigger[aria-expanded="true"]::after,
.faq-accordion [data-faq-trigger][aria-expanded="true"]::after {
  transform: rotate(180deg);
}
.faq-accordion .faq-content,
.faq-accordion [data-faq-content] { color: #66747c; font-size: .72rem; line-height: 1.75; }
.faq-accordion .faq-content[hidden],
.faq-accordion [data-faq-content][hidden] { display: none !important; }
.faq-group[hidden],
.faq-item[hidden],
.faq-empty[hidden] { display: none !important; }
.faq-accordion .faq-content > div,
.faq-accordion [data-faq-content] > div { padding: .1rem 2.75rem 1.25rem 0; }
.faq-accordion .faq-content p,
.faq-accordion [data-faq-content] p { max-width: 880px; margin: 0; color: #5f747b; font-size: .72rem; line-height: 1.75; }
.faq-accordion .faq-content a,
.faq-accordion [data-faq-content] a {
  width: fit-content;
  margin-top: .75rem;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  color: #16769e;
  font-size: .66rem;
  font-weight: 800;
  text-decoration: none;
}
.faq-contact-band .primary-button {
  flex-shrink: 0;
  background: #2f8fcb;
  box-shadow: none;
}
.faq-contact-band .primary-button:hover {
  background: #3a9fd8;
}
.card-actions .elementor-button,
.card-actions a.elementor-button {
  min-height: 31px;
  border-radius: 4px;
  font-size: .61rem;
  font-weight: 800;
  padding: 0 .5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
}
.card-actions .elementor-widget:first-child .elementor-button {
  border: 1px solid #e1e6e7;
  background: #fff;
  color: #2a3d47;
}
.card-actions .elementor-widget:last-child .elementor-button {
  background: var(--commerce);
  color: #fff;
}
.product-card .elementor-widget-image img { width: 100%; height: 100%; object-fit: cover; }
.proof-cards .proof-card,
.proof-cards > .elementor-element {
  /* proof card containers inherit article styles from parent grid */
}
.hero-section .elementor-heading-title {
  color: #fff;
  font: 700 clamp(3.45rem, 5.5vw, 5.85rem)/.94 "Space Grotesk", sans-serif;
  letter-spacing: -.078em;
}
/* Elementor puts Accel button classes on the widget wrapper — do not paint the wrapper. */
.elementor-widget-button.primary-button,
.elementor-widget-button.primary-button--dark,
.elementor-widget-button.ghost-button,
.elementor-widget-button.coa-section-link,
.elementor-widget-button.text-button,
.elementor-widget-button.benchmark-library-link {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  width: auto !important;
  display: inline-flex !important;
}
.section-cta .elementor-button,
.hero-actions .elementor-button {
  min-height: 50px;
  padding: 0 1.28rem;
  border-radius: 5px;
  font-size: .82rem;
  font-weight: 800;
  width: auto;
}
.section-cta .primary-button .elementor-button,
.section-cta .primary-button--dark .elementor-button,
.elementor-widget-button.primary-button .elementor-button,
.elementor-widget-button.primary-button--dark .elementor-button {
  background: var(--commerce);
  color: #fff;
  border: 0;
}
.hero-actions .ghost-button .elementor-button,
.elementor-widget-button.ghost-button .elementor-button {
  color: #fff;
  background: rgba(13,37,55,.4);
  border: 1px solid rgba(227,244,248,.3);
}
.section-cta .coa-section-link .elementor-button,
.elementor-widget-button.coa-section-link .elementor-button {
  min-height: 38px;
  height: 38px;
  padding: .55rem .7rem;
  border-radius: 3px;
  border: 1px solid #a9c9d9;
  background: #f6fbfd;
  color: #165f84;
  font-size: .64rem;
  font-weight: 800;
}
.elementor .content-width { width: min(100% - 48px, 1240px); margin-inline: auto; }
.elementor .hero-section .content-width { width: min(100% - 96px, 1600px); }


.proof-cards .proof-card,
.proof-cards > .e-con,
.proof-cards > .elementor-element {
  position: relative;
  min-height: 230px;
  padding: 1.25rem;
  border: 1px solid #dde6e7;
  background: #fbfcfc;
}

/* WooCommerce add-to-cart → Accel product dossier controls */
.accel-wc-add-to-cart form.cart {
  margin-top: 1.1rem;
  display: grid;
  gap: .72rem;
}
.accel-wc-add-to-cart .quantity,
.accel-wc-add-to-cart .accel-qty-stepper {
  display: inline-flex;
  align-items: stretch;
  overflow: hidden;
  width: fit-content;
  min-height: 44px;
  border: 1px solid #b8d5e4;
  border-radius: 5px;
  background: #f9fcfe;
}
.accel-wc-add-to-cart .quantity .qty {
  width: 3.25rem;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-inline: 1px solid #d5e4eb;
  border-radius: 0;
  color: #123a53;
  background: #fff;
  text-align: center;
  font: 800 .78rem/1 "DM Mono", monospace;
  -moz-appearance: textfield;
  appearance: textfield;
}
.accel-wc-add-to-cart .quantity .qty::-webkit-outer-spin-button,
.accel-wc-add-to-cart .quantity .qty::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.accel-wc-add-to-cart .accel-qty-btn {
  width: 42px;
  min-height: 44px;
  display: grid;
  place-items: center;
  border: 0;
  color: #225d7d;
  background: transparent;
  font: 700 1.05rem/1 "Space Grotesk", sans-serif;
  cursor: pointer;
  transition: background .16s ease, color .16s ease, transform .16s ease;
}
.accel-wc-add-to-cart .accel-qty-btn:hover:not(:disabled) {
  color: #0d3650;
  background: #e7f5fc;
}
.accel-wc-add-to-cart .accel-qty-btn:active:not(:disabled) {
  transform: scale(.96);
}
.accel-wc-add-to-cart .accel-qty-btn:disabled {
  color: #9ab6c5;
  opacity: .55;
  cursor: not-allowed;
}
.accel-wc-add-to-cart .single_add_to_cart_button,
.accel-wc-add-to-cart button.button {
  width: 100%;
  min-height: 50px;
  border: 0;
  border-radius: 5px;
  color: #fff;
  background: var(--commerce, #0a3770);
  box-shadow: 0 10px 20px rgba(8, 54, 105, .16);
  font-size: .71rem;
  font-weight: 800;
  cursor: pointer;
  transition: transform .16s ease, background .18s ease;
}
.accel-wc-add-to-cart .single_add_to_cart_button:hover,
.accel-wc-add-to-cart button.button:hover {
  background: var(--commerce-hover, #082b58);
}
.accel-wc-add-to-cart .single_add_to_cart_button:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.product-page .woocommerce-message,
.product-page .woocommerce-info,
.product-page .woocommerce-error {
  margin: 1rem auto;
  width: min(100% - 48px, 1240px);
}