/* * V7.3.3 | BIOTEN light material-science system and precision typography * Design read: a research-led B2B material platform for technical buyers. * Direction: warm-white laboratory surfaces, emerald material signals and * restrained technology-blue evidence cues. No large dark color fields. */ html:has(body[data-bioten-platform="v7.3.3"]) { color-scheme: light; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] { --btp733-paper: #f7faf8; --btp733-paper-warm: #fbfcfb; --btp733-surface: #ffffff; --btp733-surface-green: #eef7f3; --btp733-surface-blue: #eef5f8; --btp733-ink: #102c32; --btp733-ink-soft: #526965; --btp733-ink-muted: #758783; --btp733-emerald: #087f70; --btp733-emerald-deep: #075f55; --btp733-blue: #0c66a5; --btp733-blue-deep: #0a4f7d; --btp733-line: rgba(16, 73, 67, 0.11); --btp733-line-strong: rgba(8, 127, 112, 0.24); --btp733-shadow: 0 22px 62px rgba(27, 76, 69, 0.075); --btp733-ease: cubic-bezier(0.22, 1, 0.36, 1); background: var(--btp733-paper); color: var(--btp733-ink); font-family: "SF Pro Display", "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-main { background: var(--btp733-paper); } /* Hero: keep the material image, reduce typographic force and improve reading width. */ body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-hero::after { height: 18%; background: linear-gradient(90deg, rgba(247, 250, 248, 0), rgba(91, 169, 157, 0.045) 64%, rgba(61, 136, 170, 0.075)); } html body.bioten-platform-v580.bioten-platform-v580[data-bioten-platform="v7.3.3"] main.btp580-main .btp580-hero h1 { max-width: 600px; color: var(--btp733-ink) !important; font-size: clamp(47px, 4.35vw, 63px) !important; font-weight: 660 !important; letter-spacing: -0.047em !important; line-height: 1.09 !important; text-wrap: balance; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-hero h1 em { color: var(--btp733-emerald); font-style: normal; font-weight: 660; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-kicker { color: #56716c; font-size: 10.5px; font-weight: 680; letter-spacing: 0.11em; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-hero__lead { max-width: 600px; margin-top: 22px; color: #4f6662; font-size: 15px; line-height: 1.82; } html body.bioten-platform-v580.bioten-platform-v580[data-bioten-platform="v7.3.3"] main.btp580-main a.btp580-button { min-height: 48px !important; padding-inline: 19px 12px !important; font-size: 12px !important; } html body.bioten-platform-v580.bioten-platform-v580[data-bioten-platform="v7.3.3"] main.btp580-main a.btp580-button--primary { border-color: var(--btp733-emerald-deep) !important; background: var(--btp733-emerald-deep) !important; color: #f7fffc !important; box-shadow: 0 12px 30px rgba(8, 95, 85, 0.14) !important; } html body.bioten-platform-v580.bioten-platform-v580[data-bioten-platform="v7.3.3"] main.btp580-main a.btp580-button--quiet { border-color: rgba(10, 82, 75, 0.16) !important; background: rgba(255, 255, 255, 0.74) !important; color: var(--btp733-ink) !important; } /* Shared editorial rhythm. */ body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-section { padding-block: clamp(78px, 6.7vw, 98px); } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-section-head { max-width: 880px; margin-bottom: 38px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp730-section-kicker { margin-bottom: 13px !important; padding: 0; border-radius: 0; background: transparent; color: var(--btp733-emerald) !important; font-size: 10px !important; font-weight: 720; letter-spacing: 0.13em; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] :is(.btp580-domains, .btp580-close) .btp730-section-kicker { display: none; } html body.bioten-platform-v580.bioten-platform-v580[data-bioten-platform="v7.3.3"] #main-content .btp580-section-head h2 { max-width: 850px; color: #0c527f !important; font-size: clamp(36px, 3.45vw, 50px) !important; font-weight: 660 !important; letter-spacing: -0.038em !important; line-height: 1.17 !important; text-wrap: pretty; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-section-head > p:not(.btp730-section-kicker) { max-width: 780px; margin-top: 17px; color: var(--btp733-ink-soft); font-size: 15px; line-height: 1.82; } /* Science field: one light theme with restrained blue-green depth. */ body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-science { background: radial-gradient(circle at 91% 8%, rgba(69, 147, 184, 0.09), transparent 27%), radial-gradient(circle at 7% 58%, rgba(81, 170, 149, 0.08), transparent 29%), #f3f8f6; background-size: auto; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-science::before, body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-science::after { display: none; content: none; } /* Patent evidence becomes a light editorial proof surface. */ body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip { grid-template-areas: "copy metrics" "evidence evidence"; grid-template-columns: minmax(0, 1.12fr) minmax(390px, 0.88fr); margin-bottom: 24px; overflow: hidden; border: 1px solid var(--btp733-line); border-left: 4px solid var(--btp733-emerald); border-radius: 18px; background: var(--btp733-surface); box-shadow: var(--btp733-shadow); color: var(--btp733-ink); } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip::before { display: none; content: none; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__copy { grid-area: copy; min-height: 250px; padding: 35px 38px 34px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__eyebrow { margin-bottom: 13px; color: var(--btp733-emerald); font-size: 10px; font-weight: 720; letter-spacing: 0.12em; } html body.bioten-platform-v580.bioten-platform-v580[data-bioten-platform="v7.3.3"] main.btp580-main .btp732-ip h3 { max-width: 610px; color: var(--btp733-ink) !important; font-size: clamp(28px, 2.2vw, 35px) !important; font-weight: 660 !important; letter-spacing: -0.032em !important; line-height: 1.25 !important; text-wrap: pretty; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__copy > p:last-child { max-width: 620px; margin-top: 15px; color: var(--btp733-ink-soft); font-size: 13.5px; line-height: 1.78; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__metrics { grid-area: metrics; align-self: stretch; padding: 25px 24px; background: linear-gradient(135deg, #eef7f3, #edf5f8); } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__metric { padding: 22px 20px; border-left: 1px solid rgba(12, 102, 165, 0.12); } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__metric:first-child { border-left: 0; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__metric strong { color: var(--btp733-blue-deep); font-size: clamp(38px, 3vw, 49px); font-weight: 690; letter-spacing: -0.052em; line-height: 1; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__metric--granted strong { color: var(--btp733-emerald-deep); } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__metric span { margin-top: 10px; color: #315e66; font-size: 9.5px; font-weight: 720; letter-spacing: 0.08em; line-height: 1.5; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__metric dd { margin-top: 8px; color: #6c817d; font-size: 10.5px; line-height: 1.6; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__evidence { position: static; grid-area: evidence; min-height: 0; padding: 12px 24px 13px 34px; border-top: 1px solid var(--btp733-line); background: #f5f8f7; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__evidence p { max-width: 880px; color: #748783; font-size: 10px; line-height: 1.62; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__sources { gap: 13px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__sources a { color: var(--btp733-blue-deep); font-size: 10px; font-weight: 680; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__sources a::after { color: var(--btp733-emerald); } /* R&D chain: light table, generous labels, no dark title cell. */ body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-science .btp730-process { grid-template-columns: minmax(190px, 0.78fr) minmax(0, 3.22fr); overflow: hidden; border: 1px solid var(--btp733-line); border-radius: 16px; background: rgba(255, 255, 255, 0.88); box-shadow: 0 16px 46px rgba(27, 76, 69, 0.045); backdrop-filter: none; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-science .btp730-process > h2 { min-height: 122px; padding: 24px; background: #e5f2ed; color: var(--btp733-emerald-deep); font-size: 19px; font-weight: 680; line-height: 1.35; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp730-process li { min-height: 122px; padding: 21px 16px; border-left-color: var(--btp733-line); } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp730-process li::before { color: var(--btp733-emerald); font-size: 9px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp730-process strong { color: var(--btp733-ink); font-size: 13px; font-weight: 680; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp730-process span { color: #6b7f7b; font-size: 10.5px; line-height: 1.6; } /* Main research panel: white technical plate with a quiet image boundary. */ body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-science .btp580-system__panel { gap: 34px; padding: 24px; border: 1px solid var(--btp733-line); border-radius: 18px; background: var(--btp733-surface); box-shadow: var(--btp733-shadow); color: var(--btp733-ink); } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-science .btp580-system__panel::after { display: none; content: none; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-system__visual { border: 1px solid var(--btp733-line); border-radius: 13px; background: #f0f5f3; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-system__visual img { min-height: 500px; filter: saturate(0.94) contrast(1.015); } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-system__visual figcaption { color: #647a76; font-size: 12px; line-height: 1.65; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-system__chain li { padding-block: 19px; border-top-color: var(--btp733-line); } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-system__chain li:last-child { border-bottom-color: var(--btp733-line); } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-system__chain > li > span { color: var(--btp733-emerald); font-size: 10px; font-weight: 720; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-system__chain strong { color: var(--btp733-ink); font-size: 17px; font-weight: 680; line-height: 1.45; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-system__chain p { max-width: 560px; margin-top: 6px; color: var(--btp733-ink-soft); font-size: 12.5px; line-height: 1.72; } /* Capability grid: 2 x 2 for readable technical copy. */ body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-science .btp580-capabilities { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 24px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-science .btp580-capabilities article { min-height: 0; padding: 22px 23px 21px; border: 1px solid var(--btp733-line); border-top: 2px solid rgba(8, 127, 112, 0.55); border-radius: 14px; background: rgba(255, 255, 255, 0.8); box-shadow: none; } html body.bioten-platform-v580.bioten-platform-v580[data-bioten-platform="v7.3.3"] main.btp580-main .btp731-science .btp580-capabilities h3 { color: var(--btp733-ink) !important; font-size: 16px !important; font-weight: 680 !important; line-height: 1.45 !important; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-science .btp580-capabilities p { max-width: 560px; margin-top: 8px; color: var(--btp733-ink-soft); font-size: 12.5px; line-height: 1.72; } /* Development loop: numbered rhythm instead of decorative status dots. */ body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-science .btp580-loop { grid-template-columns: minmax(230px, 0.74fr) minmax(0, 2.26fr); gap: 30px; margin-top: 18px; padding: 28px 30px; border: 1px solid var(--btp733-line); border-radius: 16px; background: rgba(255, 255, 255, 0.72); box-shadow: none; } html body.bioten-platform-v580.bioten-platform-v580[data-bioten-platform="v7.3.3"] main.btp580-main .btp580-loop h3 { color: var(--btp733-ink) !important; font-size: 22px !important; font-weight: 680 !important; line-height: 1.35 !important; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-loop > div > p { margin-top: 8px; color: var(--btp733-ink-soft); font-size: 12.5px; line-height: 1.7; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-loop ol { counter-reset: btp733-step; gap: 8px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-loop li { counter-increment: btp733-step; padding: 10px 8px; color: #385551; font-size: 11.5px; font-weight: 670; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-loop li::before { content: counter(btp733-step, decimal-leading-zero); display: block; width: auto; height: auto; margin: 0 0 8px; border: 0; border-radius: 0; background: transparent; color: var(--btp733-emerald); font-size: 9px; font-weight: 720; letter-spacing: 0.08em; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-loop li::after { display: none; content: none; } /* Applications: calm white field and restrained card boundaries. */ body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-domains { background: radial-gradient(circle at 92% 8%, rgba(59, 139, 181, 0.065), transparent 27%), var(--btp733-paper-warm); } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-domains::before { display: none; content: none; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-domain { overflow: hidden; border: 1px solid var(--btp733-line); border-radius: 18px; background: rgba(255, 255, 255, 0.94); box-shadow: 0 16px 44px rgba(29, 76, 70, 0.055); } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-domain__body { padding: 27px 25px 25px; } html body.bioten-platform-v580.bioten-platform-v580[data-bioten-platform="v7.3.3"] main.btp580-main .btp580-domain h3 { color: var(--btp733-ink) !important; font-weight: 680 !important; letter-spacing: -0.025em !important; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-domain__subtitle { color: #47635f; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-domain__body > p:not(.btp580-domain__subtitle):not(.btp730-domain-status) { color: var(--btp733-ink-soft); line-height: 1.76; } /* Evidence boundary: pale field, 2-column readable cards and a light CTA plate. */ body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-close { padding-top: clamp(78px, 6.7vw, 98px); background: radial-gradient(circle at 87% 14%, rgba(62, 144, 180, 0.075), transparent 28%), #eef6f3; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-paths { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-paths > div { padding: 22px 23px 21px; border: 1px solid var(--btp733-line); border-top: 2px solid rgba(12, 102, 165, 0.34); border-radius: 14px; background: rgba(255, 255, 255, 0.72); } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-paths dt { color: var(--btp733-ink); font-size: 16px; font-weight: 680; line-height: 1.45; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-paths dd { max-width: 560px; margin-top: 8px; color: var(--btp733-ink-soft); font-size: 12.5px; line-height: 1.72; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-collaboration { grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr); gap: 42px; margin-top: 42px; padding: 36px 38px; border: 1px solid rgba(8, 127, 112, 0.16); border-radius: 18px; background: linear-gradient(125deg, #e2f2ec, #e8f2f6), #e6f2ee; box-shadow: 0 20px 54px rgba(24, 78, 70, 0.07); color: var(--btp733-ink); } html body.bioten-platform-v580.bioten-platform-v580[data-bioten-platform="v7.3.3"] main.btp580-main .btp580-collaboration h3 { max-width: 670px; color: var(--btp733-ink) !important; font-size: clamp(28px, 2.8vw, 40px) !important; font-weight: 660 !important; letter-spacing: -0.035em !important; line-height: 1.22 !important; text-wrap: pretty; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-collaboration p { max-width: 700px; margin-top: 14px; color: var(--btp733-ink-soft); font-size: 13.5px; line-height: 1.78; } html body.bioten-platform-v580.bioten-platform-v580[data-bioten-platform="v7.3.3"] main.btp580-main .btp580-collaboration .btp580-button--primary { border-color: var(--btp733-emerald-deep) !important; background: var(--btp733-emerald-deep) !important; color: #f8fffc !important; } html body.bioten-platform-v580.bioten-platform-v580[data-bioten-platform="v7.3.3"] main.btp580-main .btp580-collaboration .btp580-button--quiet { border-color: rgba(9, 80, 73, 0.17) !important; background: rgba(255, 255, 255, 0.64) !important; color: var(--btp733-ink) !important; } /* Footer: continue the light theme instead of closing with a dark block. */ html body[class][class][class][class][class][class][class].bioten-platform-v580[data-bioten-platform="v7.3.3"] footer.btp731-footer.footer.formal-site-footer, html[data-theme="dark"][data-theme] body[class][class][class][class][class][class][class].bioten-platform-v580[data-bioten-platform="v7.3.3"] footer.btp731-footer.footer.formal-site-footer { border-top: 1px solid var(--btp733-line) !important; background: #f6f9f7 !important; color: var(--btp733-ink) !important; } html body[class][class][class][class][class][class][class].bioten-platform-v580[data-bioten-platform="v7.3.3"] footer.btp731-footer.footer.formal-site-footer::before, html body[class][class][class][class][class][class][class].bioten-platform-v580[data-bioten-platform="v7.3.3"] footer.btp731-footer.footer.formal-site-footer::after { display: none !important; content: none !important; } html body[class][class][class][class][class][class][class].bioten-platform-v580[data-bioten-platform="v7.3.3"] footer.btp731-footer .footer-inner.footer-inner { padding-top: 30px !important; padding-bottom: 17px !important; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] footer.btp731-footer .btp730-footer__brand { grid-template-columns: 108px minmax(0, 1fr); gap: 20px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] footer.btp731-footer .btp730-footer__brandmark { width: 108px; opacity: 1; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] footer.btp731-footer .btp730-footer__brandmark img { filter: none !important; } html body[class][class][class][class][class][class][class].bioten-platform-v580[data-bioten-platform="v7.3.3"] footer.btp731-footer .footer-note.footer-note { color: #5f7470 !important; font-size: 11px !important; line-height: 1.65 !important; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-footer__routes a { color: #34554f; font-size: 10.5px; transition: color 360ms var(--btp733-ease), transform 360ms var(--btp733-ease); } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-footer__routes a:not(:last-child)::after { display: none; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-footer__routes a:hover { color: var(--btp733-emerald); transform: translate3d(0, -1px, 0); } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-footer__terms { gap: 7px; margin-top: 22px; padding-block: 13px 15px; border-top-color: var(--btp733-line); } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-footer__terms span { min-height: 24px; padding: 4px 9px; border-color: var(--btp733-line); background: rgba(255, 255, 255, 0.62); color: #607671; font-family: inherit; font-size: 8px; font-weight: 640; letter-spacing: 0.045em; } html body[class][class][class][class][class][class][class].bioten-platform-v580[data-bioten-platform="v7.3.3"] footer.btp731-footer .footer-bottom.footer-bottom, html body[class][class][class][class][class][class][class].bioten-platform-v580[data-bioten-platform="v7.3.3"] footer.btp731-footer .footer-bottom.footer-bottom strong, html body[class][class][class][class][class][class][class].bioten-platform-v580[data-bioten-platform="v7.3.3"] footer.btp731-footer .footer-legal, html body[class][class][class][class][class][class][class].bioten-platform-v580[data-bioten-platform="v7.3.3"] footer.btp731-footer .footer-legal :is(a, span) { color: #6d817d !important; } html body[class][class][class][class][class][class][class].bioten-platform-v580[data-bioten-platform="v7.3.3"] footer.btp731-footer .footer-bottom.footer-bottom { border-top-color: var(--btp733-line) !important; } html body[class][class][class][class][class][class][class].bioten-platform-v580[data-bioten-platform="v7.3.3"] footer.btp731-footer .footer-bottom.footer-bottom strong { color: #365852 !important; } /* The user selected a light-only BIOTEN page. Keep it light even if a global theme flag is present. */ html[data-theme="dark"][data-theme] body.bioten-platform-v580.bioten-platform-v580[data-bioten-platform="v7.3.3"], html[data-theme="dark"][data-theme] body.bioten-platform-v580.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-main { background: var(--btp733-paper) !important; color: var(--btp733-ink) !important; } html[data-theme="dark"][data-theme] body.bioten-platform-v580.bioten-platform-v580[data-bioten-platform="v7.3.3"] :is( .btp731-science, .btp580-domains, .btp580-close, .btp732-ip, .btp730-process, .btp580-system__panel, .btp580-domain, .btp580-paths > div, .btp580-collaboration ) { color-scheme: light; } @media (max-width: 1100px) { body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip { grid-template-columns: minmax(0, 1fr) minmax(350px, 0.88fr); } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__copy { padding-inline: 31px; } } @media (max-width: 920px) { body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip { grid-template-areas: "copy" "metrics" "evidence"; grid-template-columns: 1fr; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__copy { min-height: 0; padding: 31px 32px 26px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__metrics { padding: 10px 26px 22px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-science .btp580-loop, body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-collaboration { grid-template-columns: 1fr; } } @media (max-width: 720px) { html body.bioten-platform-v580.bioten-platform-v580[data-bioten-platform="v7.3.3"] main.btp580-main .btp580-hero h1 { max-width: 370px; font-size: clamp(39px, 10.2vw, 48px) !important; line-height: 1.11 !important; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-hero__lead { max-width: 355px; margin-top: 16px; font-size: 13px; line-height: 1.72; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-section { padding-block: 62px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-section-head { margin-bottom: 28px; } html body.bioten-platform-v580.bioten-platform-v580[data-bioten-platform="v7.3.3"] #main-content .btp580-section-head h2 { max-width: 350px; font-size: clamp(30px, 8vw, 35px) !important; letter-spacing: -0.035em !important; line-height: 1.19 !important; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-section-head > p:not(.btp730-section-kicker) { margin-top: 14px; font-size: 13.5px; line-height: 1.75; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip { border-left-width: 3px; border-radius: 15px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__copy { padding: 26px 21px 22px; } html body.bioten-platform-v580.bioten-platform-v580[data-bioten-platform="v7.3.3"] main.btp580-main .btp732-ip h3 { max-width: 310px; font-size: 24px !important; line-height: 1.28 !important; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__copy > p:last-child { font-size: 12px; line-height: 1.7; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 8px 13px 18px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__metric { padding: 16px 10px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__metric strong { font-size: 34px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__metric span { font-size: 8px; letter-spacing: 0.045em; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__metric dd { font-size: 9px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__evidence { display: grid; gap: 9px; padding: 11px 18px 13px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__evidence p, body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp732-ip__sources a { font-size: 9px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-science .btp730-process { border-radius: 14px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-science .btp730-process > h2 { min-height: 0; padding: 20px 18px 13px; background: #e5f2ed; font-size: 19px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp730-process li { min-height: 102px; padding: 15px 13px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-science .btp580-system__panel { gap: 13px; padding: 13px; border-radius: 15px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-system__visual img { min-height: 235px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-system__chain li { padding-block: 14px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-system__chain strong { font-size: 15px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-system__chain p { font-size: 11.5px; line-height: 1.65; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-science .btp580-capabilities, body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-paths { grid-template-columns: 1fr; gap: 10px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-science .btp580-capabilities article, body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-paths > div { padding: 18px 17px 17px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-science .btp580-loop { gap: 18px; padding: 23px 19px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-loop ol { grid-template-columns: repeat(3, minmax(0, 1fr)); } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-domain { border-radius: 15px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-domain__body { padding: 23px 20px 21px; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-collaboration { gap: 22px; margin-top: 30px; padding: 27px 21px; border-radius: 15px; } html body.bioten-platform-v580.bioten-platform-v580[data-bioten-platform="v7.3.3"] main.btp580-main .btp580-collaboration h3 { max-width: 325px; font-size: 27px !important; line-height: 1.24 !important; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-collaboration p { font-size: 12px; line-height: 1.72; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-collaboration .btp580-actions { align-items: stretch; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-collaboration .btp580-button { width: 100%; justify-content: space-between; } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-footer__terms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp731-footer__terms span { justify-content: center; text-align: center; } } @media (max-width: 420px) { body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-loop ol { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 720px) { html[data-lang="en"] body.bioten-platform-v580[data-bioten-platform="v7.3.3"] .btp580-section-head > p:not(.btp730-section-kicker) { line-height: 1.72; } } @media (prefers-reduced-motion: reduce) { body.bioten-platform-v580[data-bioten-platform="v7.3.3"] :is( .btp580-button, .btp732-ip__sources a, .btp731-footer__routes a ) { transition: none !important; } }