/* A product showroom: one visual lead, one collection browser, one cooperation list. */
body.qiai-products-focus { background: #fff; }
body.qiai-products-focus .qs-products { --qs-ink: #203d32; --qs-muted: #657068; --qs-line: #dee3dc; --qs-paper: #f5f5f1; color: var(--qs-ink); }
body.qiai-products-focus .qs-shell { width: calc(100% - 224px); max-width: 1216px; margin: 0 auto; }
body.qiai-products-focus .qs-products a { color: inherit; text-decoration: none; }
body.qiai-products-focus .qs-overline { color: #59705e; font-size: 12px; letter-spacing: .14em; font-weight: 650; margin: 0 0 22px; }
body.qiai-products-focus .qs-hero { display: grid; grid-template-columns: .82fr 1.18fr; min-height: 630px; align-items: center; gap: 34px; padding: 56px 0 50px; }
body.qiai-products-focus .qs-hero-copy { padding: 0 0 15px; }
body.qiai-products-focus .qs-hero h1 { font-size: 62px; font-weight: 600; line-height: 1.17; letter-spacing: -.045em; margin: 0 0 28px; color: var(--qs-ink); }
body.qiai-products-focus .qs-hero h1 span { display: block; }
body.qiai-products-focus .qs-hero-copy > p:not(.qs-overline) { max-width: 380px; font-size: 17px; line-height: 1.9; color: var(--qs-muted); margin: 0 0 35px; }
body.qiai-products-focus .qs-actions { display: flex; gap: 25px; align-items: center; flex-wrap: wrap; }
body.qiai-products-focus .qs-solid { display: inline-flex; align-items: center; justify-content: space-between; gap: 42px; padding: 17px 23px; min-height: 52px; background: #234b39; color: #fff !important; font-size: 15px; font-weight: 550; transition: background .2s ease; }
body.qiai-products-focus .qs-solid:hover { background: #37644c; }
body.qiai-products-focus .qs-text-link { display: inline-flex; align-items: center; gap: 24px; font-size: 15px; border-bottom: 1px solid #b1bbae; padding: 9px 0; }
body.qiai-products-focus .qs-text-link:hover { border-color: #264e3a; }
body.qiai-products-focus .qs-hero-stage { position: relative; align-self: stretch; background: #f1f2ec; display: flex; align-items: center; justify-content: center; overflow: hidden; min-height: 520px; }
body.qiai-products-focus .qs-hero-stage::before { content: ""; position: absolute; left: 17%; right: 17%; height: 78%; border-radius: 50% 50% 0 0; background: #e7eadf; bottom: 0; }
body.qiai-products-focus .qs-hero-stage > a { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 25px 22px 55px; }
body.qiai-products-focus .qs-hero-stage img { position: relative; width: 95%; height: 430px; object-fit: contain; mix-blend-mode: multiply; transition: transform .5s ease; }
body.qiai-products-focus .qs-hero-stage a:hover img { transform: translateY(-5px); }
body.qiai-products-focus .qs-hero-caption { position: absolute; left: 28px; right: 28px; bottom: 24px; display: flex; justify-content: space-between; align-items: center; font-size: 13px; gap: 20px; }
body.qiai-products-focus .qs-hero-caption span { color: #546553; }
body.qiai-products-focus .qs-intro-line { display: flex; align-items: center; justify-content: space-between; gap: 28px; border-top: 1px solid var(--qs-line); border-bottom: 1px solid var(--qs-line); padding: 24px 0; font-size: 14px; }
body.qiai-products-focus .qs-intro-line p { margin: 0; color: var(--qs-muted); }
body.qiai-products-focus .qs-intro-line nav { display: flex; gap: 28px; }
body.qiai-products-focus .qs-intro-line a:hover { color: #517646; }
body.qiai-products-focus .qs-collection { padding: 95px 0 100px; }
body.qiai-products-focus .qs-section-heading { display: flex; justify-content: space-between; gap: 60px; align-items: end; margin-bottom: 38px; }
body.qiai-products-focus .qs-section-heading h2 { margin: 0; color: var(--qs-ink); font-size: 36px; line-height: 1.35; font-weight: 600; letter-spacing: -.02em; }
body.qiai-products-focus .qs-section-heading .qs-overline { margin-bottom: 13px; }
body.qiai-products-focus .qs-section-heading > p { margin: 0 0 2px; max-width: 390px; font-size: 15px; color: var(--qs-muted); line-height: 1.8; }
body.qiai-products-focus .qs-tabs { display: flex; justify-content: space-between; gap: 15px; margin-bottom: 30px; border-bottom: 1px solid var(--qs-line); }
body.qiai-products-focus .qs-tabs button { appearance: none; border: 0; border-radius: 0; background: none; color: #667169; font: inherit; font-size: 15px; padding: 15px 3px 17px; position: relative; cursor: pointer; white-space: nowrap; }
body.qiai-products-focus .qs-tabs button[aria-selected="true"] { color: #244e37; font-weight: 650; }
body.qiai-products-focus .qs-tabs button[aria-selected="true"]::after { content: ""; position: absolute; bottom: -1px; left: 0; right: 0; height: 3px; background: #315941; }
body.qiai-products-focus .qs-tabs button:hover { color: #234b39; }
body.qiai-products-focus .qs-panel { display: grid; grid-template-columns: 1.15fr .85fr; gap: 68px; align-items: center; min-height: 470px; margin-top: 30px; }
body.qiai-products-focus .qs-panel-visual { background: var(--qs-paper); min-width: 0; padding: 28px 30px 22px; }
body.qiai-products-focus .qs-panel-visual figure { margin: 0; }
body.qiai-products-focus .qs-panel-visual img { display: block; width: 100%; height: 350px; object-fit: contain; mix-blend-mode: multiply; transition: transform .35s ease; }
body.qiai-products-focus .qs-panel-visual a:hover img { transform: scale(1.025); }
body.qiai-products-focus .qs-panel-visual figcaption { display: flex; align-items: center; justify-content: space-between; padding-top: 16px; font-size: 14px; font-weight: 500; }
body.qiai-products-focus .qs-panel-visual--pair { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
body.qiai-products-focus .qs-panel-visual--pair img { height: 350px; }
body.qiai-products-focus .qs-panel-visual--pair figcaption { font-size: 13px; line-height: 1.7; }
body.qiai-products-focus .qs-panel-copy > span { display: block; color: #73806e; letter-spacing: .08em; font-size: 12px; margin: 0 0 24px; }
body.qiai-products-focus .qs-panel-copy h3 { font-size: 32px; margin: 0 0 18px; font-weight: 550; line-height: 1.35; }
body.qiai-products-focus .qs-panel-copy > p { color: var(--qs-muted); font-size: 16px; line-height: 1.9; margin: 0 0 25px; }
body.qiai-products-focus .qs-panel-copy dl { margin: 0 0 28px; font-size: 14px; }
body.qiai-products-focus .qs-panel-copy dl > div { display: grid; grid-template-columns: 70px 1fr; gap: 20px; padding: 13px 0; border-top: 1px solid var(--qs-line); }
body.qiai-products-focus .qs-panel-copy dt { color: #7a8377; }
body.qiai-products-focus .qs-panel-copy dd { margin: 0; line-height: 1.7; }
body.qiai-products-focus .qs-panel-links { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; }
body.qiai-products-focus .qs-panel-links a { display: inline-flex; gap: 15px; align-items: center; font-size: 14px; padding: 10px 0; border-bottom: 1px solid #aebba9; }
body.qiai-products-focus .qs-panel-links a:hover { color: #537543; }
body.qiai-products-focus .qs-selection-note { font-size: 13px; color: #6b756b; margin: 22px 0 0; }
body.qiai-products-focus .qs-cooperation { background: #f5f6f1; padding: 80px 0 67px; }
body.qiai-products-focus .qs-coop-row { display: grid; grid-template-columns: 55px 1fr 1.25fr 35px; gap: 25px; align-items: center; padding: 29px 0; border-top: 1px solid #d4dbd0; }
body.qiai-products-focus .qs-coop-row:last-child { border-bottom: 1px solid #d4dbd0; }
body.qiai-products-focus .qs-coop-row > span:first-child { color: #7f8e79; font-size: 13px; }
body.qiai-products-focus .qs-coop-row h3 { font-size: 26px; font-weight: 550; margin: 0; }
body.qiai-products-focus .qs-coop-row p { font-size: 15px; line-height: 1.8; color: #63725f; margin: 0; }
body.qiai-products-focus .qs-coop-row > span:last-child { font-size: 26px; transition: transform .2s ease; }
body.qiai-products-focus .qs-coop-row:hover > span:last-child { transform: translateX(5px); }
body.qiai-products-focus .qs-coop-row:hover h3 { color: #4b6e3b; }
body.qiai-products-focus .qs-support-links { display: flex; gap: 30px; align-items: center; margin-top: 27px; font-size: 14px; }
body.qiai-products-focus .qs-support-links > span { color: #7a8277; margin-right: auto; }
body.qiai-products-focus .qs-support-links a:hover { text-decoration: underline; text-underline-offset: 5px; }
body.qiai-products-focus .qs-brands { padding: 85px 0 75px; }
body.qiai-products-focus .qs-brand-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 36px; }
body.qiai-products-focus .qs-brand-list a { display: block; border-top: 1px solid #b6c1b2; padding: 24px 0; }
body.qiai-products-focus .qs-brand-list strong { display: flex; align-items: center; justify-content: space-between; font-size: 24px; line-height: 1.4; font-weight: 550; margin-bottom: 13px; }
body.qiai-products-focus .qs-brand-list strong span { font-size: 20px; color: #788b70; }
body.qiai-products-focus .qs-brand-list p { font-size: 14px; color: var(--qs-muted); margin: 0; line-height: 1.9; }
body.qiai-products-focus .qs-brand-list a:hover { border-color: #355b3e; }
body.qiai-products-focus .qs-visit { display: grid; grid-template-columns: 1fr 1fr; background: #ecf0e7; min-height: 350px; }
body.qiai-products-focus .qs-visit figure { margin: 0; overflow: hidden; }
body.qiai-products-focus .qs-visit img { display: block; width: 100%; height: 350px; object-fit: cover; }
body.qiai-products-focus .qs-visit-copy { padding: 52px 54px; display: flex; flex-direction: column; align-items: start; justify-content: center; }
body.qiai-products-focus .qs-visit-copy h2 { font-size: 32px; line-height: 1.5; font-weight: 550; margin: 0 0 17px; }
body.qiai-products-focus .qs-visit-copy p { font-size: 15px; color: #62705b; line-height: 1.9; margin: 0 0 24px; }
body.qiai-products-focus .qs-resources { padding: 65px 0 72px; }
body.qiai-products-focus .qs-resources > h2 { font-size: 20px; font-weight: 550; margin: 0 0 20px; }
body.qiai-products-focus .qs-resource-links { display: flex; flex-wrap: wrap; gap: 16px 30px; margin: 0 0 28px; font-size: 14px; }
body.qiai-products-focus .qs-resource-links a { color: #4c6450; text-decoration: underline; text-underline-offset: 5px; }
body.qiai-products-focus .qs-reference { border-top: 1px solid var(--qs-line); }
body.qiai-products-focus .qs-reference:last-child { border-bottom: 1px solid var(--qs-line); }
body.qiai-products-focus .qs-reference > summary { display: flex; align-items: center; justify-content: space-between; list-style: none; padding: 20px 0; font-size: 15px; color: #4f6152; }
body.qiai-products-focus .qs-reference > summary::-webkit-details-marker { display: none; }
body.qiai-products-focus .qs-reference > summary::after { content: "+"; font-size: 22px; color: #6d7d67; }
body.qiai-products-focus .qs-reference[open] > summary::after { content: "−"; }
body.qiai-products-focus .qs-reference-content { padding: 15px 0 35px; }
body.qiai-products-focus .qs-reference-content > * { margin: 0 0 30px !important; }
body.qiai-products-focus .qs-reference-content .container { width: 100%; max-width: 100%; padding: 0; }
body.qiai-products-focus .qs-reference-content h2 { font-family: inherit; font-size: 27px; line-height: 1.5; }
body.qiai-products-focus .qs-reference-content p, body.qiai-products-focus .qs-reference-content li, body.qiai-products-focus .qs-reference-content td { font-size: 15px; line-height: 1.85; }
body.qiai-products-focus .qs-reference-content a { text-decoration: underline; text-underline-offset: 4px; }
body.qiai-products-focus .qs-reference-content .brand-card img { max-height: 240px; object-fit: cover; }
body.qiai-products-focus .qs-reference-content img { max-width: 100%; }
@media (max-width: 1300px) {
  body.qiai-products-focus .qs-shell { width: 1080px; }
  body.qiai-products-focus .qs-hero { min-height: 600px; }
  body.qiai-products-focus .qs-hero h1 { font-size: 57px; }
  body.qiai-products-focus .qs-panel { gap: 48px; }
  body.qiai-products-focus .qs-tabs { gap: 12px; }
}