:root {
  --forest: #004b42;
  --green: #008f7c;
  --mint: #12ab96;
  --ink: #173c36;
  --muted: #61736f;
  --line: #dce6e3;
  --soft: #f4f8f7;
  --white: #ffffff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--white); color: var(--ink); font-family: Inter, Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
main { min-width: 0; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 30;
  width: 100%;
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid rgba(220,230,227,.7);
  backdrop-filter: blur(14px);
}
.site-header-inner {
  width: min(100% - 80px, 1320px);
  height: 84px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 36px;
}

.logo-link { display: inline-flex; width: fit-content; }
.brand-lockup { display: inline-flex; align-items: flex-start; }
.brand-lockup img { width: 190px; height: auto; }
.header-brand img { width: 208px; }
.desktop-nav { display: flex; gap: 28px; font-size: 11px; font-weight: 750; text-transform: uppercase; letter-spacing: .04em; }
.desktop-nav a { padding: 12px 0; position: relative; }
.desktop-nav a::after { content: ""; position: absolute; left: 0; bottom: 4px; width: 100%; height: 2px; background: var(--green); transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.desktop-nav a:hover::after, .desktop-nav a:focus-visible::after { transform: scaleX(1); }
.desktop-nav a[aria-current="page"]::after { transform: scaleX(1); }
.mobile-menu { display: none; position: relative; }
.mobile-menu summary { cursor: pointer; color: var(--ink); font-size: 10px; font-weight: 800; letter-spacing: .1em; list-style: none; text-transform: uppercase; }
.mobile-menu summary::-webkit-details-marker { display: none; }
.mobile-menu nav { position: absolute; top: 32px; right: 0; width: 210px; padding: 12px; display: grid; background: white; border: 1px solid var(--line); box-shadow: 0 18px 35px rgba(0,75,66,.12); }
.mobile-menu nav a { padding: 13px 12px; border-bottom: 1px solid var(--line); font-size: 11px; font-weight: 750; text-transform: uppercase; }
.mobile-menu nav a:last-child { border-bottom: 0; }
.header-actions { justify-self: end; display: flex; align-items: center; gap: 8px; }
.language-switcher { height: 38px; display: flex; align-items: stretch; border: 1px solid var(--line); background: white; }
.language-switcher a, .language-switcher span { min-width: 30px; display: grid; place-items: center; font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.language-switcher span[aria-current="true"] { color: white; background: var(--green); }
.language-switcher a:hover { color: var(--green); background: var(--soft); }
.mobile-language { color: var(--green); }
.header-icon { width: 38px; height: 38px; display: grid; place-items: center; color: var(--green); border: 1px solid var(--line); background: white; transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease; }
.header-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.header-icon[href]:hover { color: white; background: var(--green); border-color: var(--green); transform: translateY(-1px); }
.header-icon.is-pending { color: #93a5a1; background: var(--soft); cursor: default; }

.product-hero { min-height: 410px; display: grid; grid-template-columns: repeat(4, 1fr); background: var(--forest); scroll-margin-top: 84px; }
.product-panel { min-height: 410px; padding: 28px 30px 24px; display: flex; flex-direction: column; color: white; border-right: 2px solid rgba(255,255,255,.9); background: url('/images/dnd/green-background.webp') center/cover no-repeat; position: relative; overflow: hidden; }
.product-panel:last-child { border-right: 0; }
.product-panel::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 82% 78%, rgba(87,226,197,.18), transparent 33%), linear-gradient(145deg, transparent 40%, rgba(255,255,255,.06)); opacity: .2; transition: opacity .35s ease; }
.product-panel::after { content: ""; position: absolute; left: 30px; bottom: 81px; width: 44px; height: 2px; background: #67dac4; transform: scaleX(.45); transform-origin: left; transition: transform .3s ease; }
.product-panel:hover::before { opacity: 1; }
.product-panel:hover::after { transform: scaleX(1); }
.product-panel > * { position: relative; z-index: 1; }
.panel-meta { display: flex; justify-content: space-between; gap: 20px; }
.product-panel span, .product-panel small { color: rgba(255,255,255,.7); font-size: 13px; font-weight: 450; }
.panel-meta span:last-child { font-size: 10px; font-weight: 800; letter-spacing: .18em; }
.product-panel h1, .product-panel h2 { margin: 16px 0 0; color: white; font-size: clamp(1.75rem, 2.55vw, 2.75rem); line-height: .97; letter-spacing: -.04em; font-weight: 800; text-transform: uppercase; }
.product-panel small { margin-top: 12px; }
.product-panel b { margin-top: auto; padding-top: 20px; display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.3); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; opacity: .82; transition: opacity .25s ease; }
.product-panel:hover b, .product-panel:focus-visible b { opacity: 1; }

.value-strip { min-height: 60px; padding: 0 max(40px, calc((100vw - 1240px) / 2)); display: grid; grid-template-columns: repeat(3, 1fr) 1.4fr; align-items: center; background: var(--soft); border-bottom: 1px solid var(--line); color: var(--muted); font-size: 9px; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; }
.value-strip > * { padding: 10px 24px; border-right: 1px solid var(--line); }
.value-strip > *:first-child { padding-left: 0; }
.value-strip a { color: var(--green); text-align: right; border-right: 0; }
.value-strip a span { margin-left: 10px; }

.intro, .products, .contact, footer { width: min(100% - 80px, 1240px); margin-inline: auto; }
.intro { padding: 72px 0 98px; display: grid; grid-template-columns: 1.18fr .82fr; gap: 22px 72px; align-items: start; scroll-margin-top: 84px; }
.eyebrow { grid-column: 1 / -1; margin: 0; color: var(--green); font-size: 10px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.intro h2, .contact h2 { margin: 0; font-size: clamp(2.15rem, 3.45vw, 4rem); line-height: 1.03; letter-spacing: -.045em; }
.intro > h2 { margin-top: 56px; }
.intro > div p { margin: 0 0 16px; color: var(--muted); font-size: .95rem; line-height: 1.68; }
.expertise-list { margin-top: 32px; display: grid; gap: 0; border-top: 1px solid var(--line); }
.expertise-list span { padding: 12px 0; border-bottom: 1px solid var(--line); color: var(--ink); font-size: 11px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }

.products { border-top: 1px solid var(--line); scroll-margin-top: 84px; }
.product-detail { min-height: 560px; padding: 68px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 82px; align-items: center; border-bottom: 1px solid var(--line); scroll-margin-top: 84px; }
.product-detail.reverse .product-visual { order: 2; }
.product-detail.reverse .product-copy { order: 1; }
.product-visual { min-height: 390px; display: grid; place-items: center; background: linear-gradient(145deg, var(--soft), white); overflow: hidden; }
.product-visual img { width: min(80%, 390px); max-height: 430px; object-fit: contain; transition: transform .45s ease; }
.product-detail:hover .product-visual img { transform: scale(1.025); }
.product-meta { margin-bottom: 30px; display: flex; justify-content: space-between; color: var(--green); font-size: 10px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.product-copy h2 { margin: 0 0 24px; font-size: clamp(2rem, 3vw, 3.45rem); line-height: 1.02; letter-spacing: -.04em; }
.product-copy p { margin: 0 0 16px; color: var(--muted); font-size: .93rem; line-height: 1.68; }
.benefit-list { margin: 24px 0 8px; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.benefit-list li { min-height: 60px; padding: 14px 12px; display: flex; align-items: center; color: var(--ink); border-right: 1px solid var(--line); font-size: 9px; font-weight: 750; line-height: 1.4; letter-spacing: .045em; text-transform: uppercase; }
.benefit-list li:first-child { padding-left: 0; }
.benefit-list li:last-child { border-right: 0; }
.product-copy > a { margin-top: 16px; padding-bottom: 6px; display: inline-flex; align-items: center; gap: 14px; color: var(--green); border-bottom: 1px solid var(--green); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }

.text-link { margin-top: 24px; padding-bottom: 6px; display: inline-flex; align-items: center; gap: 14px; color: var(--green); border-bottom: 1px solid var(--green); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.page-hero { min-height: 310px; padding: 68px 40px; display: flex; align-items: center; color: white; background: linear-gradient(135deg, var(--forest), #007668 62%, var(--green)); position: relative; overflow: hidden; }
.page-hero::after { content: ""; position: absolute; right: 17%; top: -65%; width: 210px; height: 240%; background: rgba(108,225,201,.14); transform: skewX(-18deg); }
.page-hero > div { width: min(100%, 1240px); margin: 0 auto; display: grid; grid-template-columns: 1.25fr .75fr; gap: 26px 80px; align-items: end; position: relative; z-index: 1; }
.page-hero .eyebrow { grid-column: 1 / -1; color: #75e1cb; }
.page-hero h1 { margin: 0; max-width: 810px; font-size: clamp(2.5rem, 4.4vw, 4.8rem); line-height: .98; letter-spacing: -.05em; }
.page-hero-copy { color: rgba(255,255,255,.75); font-size: .98rem; line-height: 1.7; }
.page-hero-copy p { margin: 0; }

.page-content, .principle-grid, .service-grid, .product-grid, .contact-page, .center-link { width: min(100% - 80px, 1240px); margin-inline: auto; }
.about-layout { padding: 96px 0; display: grid; grid-template-columns: 1.05fr .95fr; gap: 90px; align-items: start; }
.about-layout h2 { margin: 24px 0 0; font-size: clamp(2.1rem, 3.4vw, 3.8rem); line-height: 1.03; letter-spacing: -.045em; }
.body-copy p { margin: 0 0 20px; color: var(--muted); font-size: .98rem; line-height: 1.75; }
.principle-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.principle-grid article { min-height: 220px; padding: 36px; border-right: 1px solid var(--line); }
.principle-grid article:last-child { border-right: 0; }
.principle-grid span { color: var(--green); font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.principle-grid h3 { margin: 46px 0 16px; font-size: 1.65rem; line-height: 1.08; letter-spacing: -.03em; }
.principle-grid p { margin: 0; color: var(--muted); font-size: .92rem; line-height: 1.65; }
.service-grid { padding: 86px 0 24px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); }
.service-grid article { min-height: 260px; padding: 38px; background: var(--soft); }
.service-grid article > span { color: var(--green); font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.service-grid h3 { margin: 64px 0 18px; font-size: 1.5rem; letter-spacing: -.03em; }
.service-grid p { margin: 0; color: var(--muted); font-size: .92rem; line-height: 1.65; }
.center-link { padding: 28px 0 12px; text-align: center; }

.product-grid { padding: 86px 0 24px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 72px 56px; }
.product-card { border-bottom: 1px solid var(--line); }
.product-card-visual { min-height: 360px; display: grid; place-items: center; background: linear-gradient(145deg, var(--soft), white); overflow: hidden; }
.product-card-visual img { width: min(78%, 360px); max-height: 390px; object-fit: contain; transition: transform .35s ease; }
.product-card:hover .product-card-visual img { transform: scale(1.025); }
.product-card-copy { padding: 32px 0 48px; }
.product-card-copy h2 { margin: 0 0 18px; font-size: clamp(2rem, 3vw, 3rem); line-height: 1.03; letter-spacing: -.04em; }
.product-card-copy p { max-width: 520px; margin: 0; color: var(--muted); font-size: .93rem; line-height: 1.68; }
.product-page-content { border-top: 0; }
.product-page-content .product-detail { padding-bottom: 32px; border-bottom: 0; }
.product-info { padding: 0 0 70px; border-top: 1px solid var(--line); }
.product-info-heading { padding: 36px 0 42px; display: grid; grid-template-columns: .8fr 1.2fr; column-gap: 64px; row-gap: 14px; align-items: end; }
.product-info-heading h2 { margin: 0; max-width: 720px; font-size: clamp(2.1rem, 3.4vw, 3.8rem); line-height: 1.03; letter-spacing: -.045em; }
.product-info-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.product-info-card { min-height: 250px; padding: 38px; background: var(--soft); }
.product-info-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
.product-info-kicker { margin: 0; color: var(--green); font-size: 9px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.product-info-card h3 { margin: 28px 0 18px; font-size: clamp(1.45rem, 2vw, 2rem); line-height: 1.08; letter-spacing: -.035em; }
.product-info-card > p:not(.product-info-kicker) { margin: 0; color: var(--muted); font-size: .93rem; line-height: 1.7; }
.product-info-card ul { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; list-style: none; }
.product-info-card li { padding: 11px 0 11px 16px; color: var(--muted); border-bottom: 1px solid rgba(97,115,111,.18); font-size: .9rem; line-height: 1.45; position: relative; }
.product-info-card li::before { content: ""; position: absolute; left: 0; top: 18px; width: 5px; height: 5px; border-radius: 50%; background: var(--green); }
.back-link { margin-bottom: 28px; display: inline-block; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }

.contact-page { padding: 92px 0; display: grid; grid-template-columns: .82fr 1.18fr; gap: 76px; align-items: stretch; }
.contact-card { min-height: 480px; padding: 48px; display: flex; flex-direction: column; justify-content: space-between; gap: 52px; color: white; background: linear-gradient(145deg, var(--forest), var(--green)); }
.contact-card-heading { display: grid; gap: 8px; }
.contact-company { margin: 0; font-size: 1.25rem; font-weight: 750; line-height: 1.2; letter-spacing: -.02em; }
.contact-location { margin: 0; color: rgba(255,255,255,.72); font-size: .95rem; line-height: 1.6; }
.contact-details { display: grid; gap: 24px; font-style: normal; }
.contact-details div { padding-top: 16px; display: grid; gap: 7px; border-top: 1px solid rgba(255,255,255,.25); }
.contact-details span { color: #75e1cb; font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.contact-details strong, .contact-details a { color: white; font-size: .96rem; font-weight: 700; line-height: 1.5; }
.contact-details a { width: fit-content; border-bottom: 1px solid transparent; }
.contact-details a:hover { border-bottom-color: rgba(255,255,255,.65); }
.contact-map { min-height: 480px; overflow: hidden; border: 1px solid var(--line); background: var(--soft); }
.contact-map iframe { width: 100%; height: 100%; min-height: 480px; display: block; border: 0; filter: saturate(.78) contrast(1.02); }
.download-page { width: min(100% - 80px, 1240px); margin-inline: auto; padding: 92px 0 8px; }
.download-intro { margin-bottom: 54px; display: grid; grid-template-columns: .8fr 1.2fr; gap: 22px 72px; align-items: end; }
.download-intro .eyebrow { grid-column: 1 / -1; }
.download-intro h2 { margin: 0; font-size: clamp(2.1rem, 3.4vw, 3.8rem); line-height: 1.03; letter-spacing: -.045em; }
.download-intro > p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: .96rem; line-height: 1.72; }
.download-card { display: grid; grid-template-columns: .82fr 1.18fr; border: 1px solid var(--line); background: var(--soft); }
.download-cover { min-height: 480px; padding: 48px; display: grid; place-items: center; background: linear-gradient(145deg, #eaf2f0, white); }
.download-cover img { width: 100%; max-width: 520px; box-shadow: 0 24px 60px rgba(0,75,66,.15); }
.download-copy { padding: 56px; display: flex; flex-direction: column; justify-content: center; }
.download-copy h2 { margin: 24px 0 20px; font-size: clamp(2rem, 3vw, 3.25rem); line-height: 1.04; letter-spacing: -.045em; }
.download-brand-title { line-height: 1; letter-spacing: normal; }
.download-brand img { width: 234px; }
.download-copy > p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: .96rem; line-height: 1.72; }
.download-meta { margin: 32px 0; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.download-meta span { padding: 14px 12px; color: var(--ink); border-right: 1px solid var(--line); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-align: center; text-transform: uppercase; }
.download-meta span:last-child { border-right: 0; }
.download-button { width: fit-content; min-height: 54px; padding: 0 22px; display: inline-flex; align-items: center; gap: 18px; color: white; background: var(--green); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; transition: background .2s ease, transform .2s ease; }
.download-button:hover { background: var(--forest); transform: translateY(-2px); }
.contact-brief { padding: 14px 0; }
.contact-brief h2 { font-size: clamp(2rem, 3vw, 3.2rem); }
.contact-brief ol { margin: 34px 0 30px; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.contact-brief li { min-height: 58px; display: grid; grid-template-columns: 52px 1fr; align-items: center; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .92rem; }
.contact-brief li span { color: var(--green); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.contact-button.primary { color: white; background: var(--green); }

.contact { margin-top: 86px; padding: 58px; display: grid; grid-template-columns: 1fr auto; gap: 58px; align-items: end; color: white; background: linear-gradient(135deg, var(--forest), #007668 65%, var(--green)); position: relative; overflow: hidden; scroll-margin-top: 104px; }
.contact::after { content: ""; position: absolute; right: 18%; top: -60%; width: 230px; height: 230%; background: rgba(108,225,201,.16); transform: skewX(-18deg); }
.contact > * { position: relative; z-index: 1; }
.contact .eyebrow { margin-bottom: 18px; color: #75e1cb; }
.contact p:not(.eyebrow) { max-width: 640px; margin: 20px 0 0; color: rgba(255,255,255,.72); font-size: .93rem; line-height: 1.68; }
.contact-email { margin-top: 16px; display: inline-block; color: white; border-bottom: 1px solid rgba(255,255,255,.5); font-size: .9rem; font-weight: 700; }
.contact-button { min-height: 56px; padding: 0 24px; display: inline-flex; align-items: center; gap: 16px; color: var(--forest); background: white; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; transition: transform .2s ease; }
.contact-button:hover { transform: translateY(-3px); }

footer { min-height: 160px; display: grid; grid-template-columns: 1fr 1.4fr 1fr; gap: 40px; align-items: center; color: var(--muted); font-size: .78rem; }
footer a { color: var(--ink); font-weight: 700; }
.footer-tagline { max-width: 440px; margin: 0; justify-self: center; text-align: center; line-height: 1.65; }
.footer-meta { justify-self: end; display: flex; flex-direction: column; align-items: flex-end; gap: 7px; }

a:focus-visible { outline: 3px solid #75e1cb; outline-offset: 4px; }

@media (max-width: 980px) {
  .site-header-inner { width: min(100% - 40px, 1440px); grid-template-columns: 1fr auto auto; gap: 22px; }
  .desktop-nav { display: none; }
  .mobile-menu { display: block; }
  .product-hero { grid-template-columns: repeat(2, 1fr); }
  .product-panel { min-height: 320px; }
  .product-panel:nth-child(2n) { border-right: 0; }
  .product-panel:nth-child(-n+2) { border-bottom: 2px solid rgba(255,255,255,.9); }
  .intro { width: min(100% - 40px, 1360px); grid-template-columns: 1fr; }
  .intro > h2 { margin-top: 0; }
  .eyebrow { grid-column: auto; }
  .product-detail { grid-template-columns: 1fr; gap: 50px; }
  .product-detail.reverse .product-visual, .product-detail.reverse .product-copy { order: initial; }
  .product-visual { min-height: 340px; }
  .contact { width: min(100% - 40px, 1360px); grid-template-columns: 1fr; align-items: start; }
  footer { width: min(100% - 40px, 1360px); grid-template-columns: 1fr 1fr; padding: 34px 0; }
  .footer-tagline { grid-column: 1 / -1; grid-row: 2; }
  .value-strip { padding: 0 20px; grid-template-columns: 1fr 1fr; }
  .value-strip > * { min-height: 54px; display: flex; align-items: center; border-bottom: 1px solid var(--line); }
  .value-strip > *:nth-child(2) { border-right: 0; }
  .value-strip a { justify-content: flex-end; }
  .page-hero > div, .about-layout { grid-template-columns: 1fr; }
  .page-hero { min-height: 330px; }
  .page-hero .eyebrow { grid-column: auto; }
  .about-layout { gap: 42px; }
  .product-grid { grid-template-columns: 1fr; gap: 62px; }
  .product-card-visual { min-height: 330px; }
  .product-info-heading { grid-template-columns: 1fr; gap: 14px; }
  .product-info-card ul { grid-template-columns: 1fr; }
  .principle-grid, .service-grid { grid-template-columns: 1fr; }
  .principle-grid article, .service-grid article { border-right: 0; border-bottom: 1px solid var(--line); }
  .contact-page { grid-template-columns: 1fr; gap: 48px; }
  .download-intro, .download-card { grid-template-columns: 1fr; }
  .download-intro { gap: 22px; }
  .download-cover { min-height: 380px; }
}

@media (max-width: 640px) {
  .site-header-inner { width: min(100% - 28px, 1320px); height: 74px; grid-template-columns: 1fr auto auto; gap: 7px; }
  .header-brand img { width: 136px; }
  .header-actions { gap: 4px; }
  .language-switcher { display: none; }
  .header-icon { width: 29px; height: 29px; }
  .header-icon svg { width: 15px; height: 15px; }
  .mobile-menu nav { right: -2px; }
  .product-hero { grid-template-columns: 1fr; }
  .product-panel { min-height: 220px; padding: 24px 22px 22px; border-right: 0; border-bottom: 2px solid rgba(255,255,255,.9); }
  .product-panel:last-child { border-bottom: 0; }
  .product-panel::after { left: 22px; bottom: 77px; }
  .intro, .products, footer { width: min(100% - 28px, 1360px); }
  .intro { padding: 52px 0 70px; }
  .product-detail { min-height: auto; padding: 58px 0; }
  .product-visual { min-height: 270px; }
  .contact { width: min(100% - 28px, 1240px); margin-top: 62px; padding: 36px 24px; gap: 34px; }
  .contact-button { width: 100%; justify-content: center; }
  footer { min-height: 190px; grid-template-columns: 1fr; gap: 18px; align-content: center; }
  .footer-meta { justify-self: start; align-items: flex-start; }
  .value-strip { grid-template-columns: 1fr; padding: 0 14px; }
  .value-strip > * { padding-left: 0; padding-right: 0; border-right: 0; }
  .value-strip a { justify-content: flex-start; text-align: left; }
  .benefit-list { grid-template-columns: 1fr; }
  .benefit-list li { min-height: 48px; padding: 12px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .benefit-list li:last-child { border-bottom: 0; }
  .page-hero { min-height: 300px; padding: 48px 24px; }
  .page-hero > div { gap: 20px; }
  .page-hero h1 { font-size: clamp(2.25rem, 11vw, 3.3rem); }
  .page-content, .principle-grid, .service-grid, .product-grid, .contact-page, .center-link { width: min(100% - 28px, 1240px); }
  .about-layout, .contact-page { padding: 64px 0; }
  .principle-grid article { min-height: 190px; padding: 28px 22px; }
  .principle-grid h3 { margin-top: 34px; }
  .service-grid { padding-top: 56px; }
  .service-grid article { min-height: 220px; padding: 30px 24px; }
  .service-grid h3 { margin-top: 42px; }
  .product-grid { padding-top: 58px; }
  .product-card-visual { min-height: 270px; }
  .product-card-copy { padding-bottom: 38px; }
  .product-page-content .product-detail { padding-bottom: 28px; }
  .product-info { padding-bottom: 50px; }
  .product-info-heading { padding: 32px 0 34px; }
  .product-info-grid { grid-template-columns: 1fr; }
  .product-info-card { min-height: auto; padding: 30px 24px; }
  .contact-card { min-height: 430px; padding: 34px 26px; gap: 38px; }
  .contact-map, .contact-map iframe { min-height: 340px; }
  .download-page { width: min(100% - 28px, 1240px); padding-top: 64px; }
  .download-intro { margin-bottom: 36px; }
  .download-cover { min-height: 300px; padding: 28px; }
  .download-copy { padding: 34px 26px; }
  .download-meta span { padding: 12px 6px; font-size: 8px; }
  footer { text-align: center; }
  footer > a, .footer-meta, .footer-tagline { justify-self: center; }
  .footer-meta { align-items: center; }
  .footer-tagline { grid-column: 1; grid-row: auto; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; } }

/* DND Iberica home product visuals — 2026-08-21 */
.product-panel h1, .product-panel h2 { margin-top: 58px; }
.product-panel:nth-child(1) { background-image: url("data:image/webp;base64,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"), url('/images/dnd/green-background.webp'); background-size: auto 60px, cover; background-position: right 30px bottom 98px, center; background-repeat: no-repeat; }
.product-panel:nth-child(2) { background-image: url("data:image/webp;base64,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"), url('/images/dnd/green-background.webp'); background-size: 60px auto, cover; background-position: right 30px bottom 98px, center; background-repeat: no-repeat; }
.product-panel:nth-child(3) { background-image: url("data:image/webp;base64,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"), url('/images/dnd/green-background.webp'); background-size: auto 64px, cover; background-position: right 30px bottom 98px, center; background-repeat: no-repeat; }
.product-panel:nth-child(4) { background-image: url("data:image/webp;base64,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"), url('/images/dnd/green-background.webp'); background-size: 54px auto, cover; background-position: right 30px bottom 98px, center; background-repeat: no-repeat; }
@media (max-width: 980px) { .product-panel h1, .product-panel h2 { margin-top: 36px; } }
@media (max-width: 640px) { .product-panel h1, .product-panel h2 { margin-top: 18px; } .product-panel:nth-child(n) { background-position: right 22px bottom 88px, center; } }