/* * BIOTEN Developer V7.16.0 professional closure layer * Scope: bioten-lab.html only. * Intent: one scientific visual system, compact information hierarchy, * accessible workbench switching and a complete project-intake loop. */ html body.dev740-page[data-v7160-developer-home="professional-closure-r1"] { --dev7160-bg: #03131d; --dev7160-bg-soft: #051b27; --dev7160-surface: rgba(12, 43, 56, .74); --dev7160-surface-strong: rgba(8, 35, 48, .94); --dev7160-line: rgba(127, 215, 205, .16); --dev7160-line-strong: rgba(111, 226, 188, .3); --dev7160-text: #eef8f7; --dev7160-muted: rgba(207, 230, 230, .69); --dev7160-faint: rgba(177, 207, 210, .52); --dev7160-emerald: #64ddb2; --dev7160-blue: #63afe1; --dev7160-radius: 22px; background: var(--dev7160-bg); color: var(--dev7160-text); } html body.dev740-page[data-v7160-developer-home] .dev740-main { overflow: hidden; background: var(--dev7160-bg); } html body.dev740-page[data-v7160-developer-home] .dev740-shell { width: min(calc(100% - 64px), 1280px); } html body.dev740-page[data-v7160-developer-home] .dev740-section { padding-block: clamp(82px, 7.4vw, 112px); scroll-margin-top: 112px; } html body.dev740-page[data-v7160-developer-home] .dev740-section__head { grid-template-columns: minmax(0, 1fr) minmax(310px, .56fr); gap: clamp(40px, 5.5vw, 76px); align-items: end; margin-bottom: clamp(42px, 4.6vw, 60px); } html body.dev740-page[data-v7160-developer-home] main#main-content .dev740-section__head h2, html body.dev740-page[data-v7160-developer-home] main#main-content .dev740-section__head--light h2 { max-width: 800px; color: var(--dev7160-text) !important; font-size: clamp(39px, 3.25vw, 48px) !important; font-weight: 620 !important; letter-spacing: -.045em !important; line-height: 1.08 !important; } html body.dev740-page[data-v7160-developer-home] .dev740-section__head > p, html body.dev740-page[data-v7160-developer-home] .dev740-section__head--light > p { max-width: 540px; margin-bottom: 0; color: var(--dev7160-muted); font-size: clamp(14.5px, 1.12vw, 16.5px); line-height: 1.76; } html body.dev740-page[data-v7160-developer-home] .dev740-kicker, html body.dev740-page[data-v7160-developer-home] .dev740-kicker--dark { margin-bottom: 16px; color: var(--dev7160-emerald); font-size: 10px; font-weight: 700; letter-spacing: .14em; } html body.dev740-page[data-v7160-developer-home] .dev740-kicker > span:first-child { width: 26px; background: linear-gradient(90deg, var(--dev7160-emerald), rgba(99, 175, 225, .2)); } /* Hero: four elements only, with the evidence motion as the supporting visual. */ html body.dev740-page[data-v7160-developer-home] .dev740-hero { min-height: 744px; padding: clamp(122px, 12vh, 148px) 0 0; background: radial-gradient(circle at 79% 31%, rgba(46, 201, 159, .14), transparent 26%), radial-gradient(circle at 46% 0%, rgba(52, 131, 190, .1), transparent 32%), linear-gradient(136deg, #02121d 0%, #042335 57%, #062e34 100%); } html body.dev740-page[data-v7160-developer-home] .dev740-hero::before { opacity: .24; background-size: 56px 56px; } html body.dev740-page[data-v7160-developer-home] .dev740-hero::after { right: -18vw; bottom: -48%; opacity: .62; } html body.dev740-page[data-v7160-developer-home] .dev740-hero__field::before { opacity: .62; } html body.dev740-page[data-v7160-developer-home] .dev740-hero__layout { grid-template-columns: minmax(0, 1fr) minmax(480px, .92fr); gap: clamp(48px, 5.5vw, 78px); min-height: 504px; } html body.dev740-page[data-v7160-developer-home] .dev740-hero__copy { max-width: 650px; padding-bottom: 16px; } html body.dev740-page[data-v7160-developer-home] main#main-content .dev740-hero__copy h1 { max-width: 650px; margin-bottom: 24px; color: #f4fbfa !important; font-size: clamp(46px, 3.8vw, 56px) !important; font-weight: 620 !important; letter-spacing: -.055em !important; line-height: 1.075 !important; } html body.dev740-page[data-v7160-developer-home] main#main-content .dev740-hero__copy h1 span:nth-child(2) { color: #b8eadc; } html body.dev740-page[data-v7160-developer-home] .dev740-hero__lead { max-width: 610px; margin-bottom: 28px; color: rgba(220, 239, 240, .76) !important; font-size: clamp(16px, 1.25vw, 18px); line-height: 1.75; } html body.dev740-page[data-v7160-developer-home] .dev740-action { min-height: 50px; padding-left: 21px; font-size: 14px; } html body.dev740-page[data-v7160-developer-home] .dev740-action i { width: 37px; height: 37px; } html body.dev740-page[data-v7160-developer-home] .dev740-action--primary { background: #74e4b9; box-shadow: 0 16px 44px rgba(33, 185, 134, .16); } html body.dev740-page[data-v7160-developer-home] .dev740-action--secondary { background: rgba(222, 250, 246, .055); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); } html body.dev740-page[data-v7160-developer-home] .dev740-hero__stage { max-width: 594px; } html body.dev740-page[data-v7160-developer-home] .dev740-stage__bezel { padding: 7px; border-radius: 30px; background: linear-gradient(145deg, rgba(207, 255, 244, .06), rgba(6, 31, 44, .12)); } html body.dev740-page[data-v7160-developer-home] .dev740-stage__core { min-height: 474px; border-radius: 24px; } html body.dev740-page[data-v7160-developer-home] .dev740-hero__index { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 30px; padding: 8px; border: 1px solid rgba(124, 219, 207, .14); border-radius: var(--dev7160-radius); background: rgba(5, 28, 39, .58); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } html body.dev740-page[data-v7160-developer-home] .dev740-hero__index a { min-height: 64px; flex-direction: column; align-items: flex-start; justify-content: center; gap: 5px; padding: 12px 15px; border: 0; border-radius: 15px; background: rgba(214, 249, 242, .035); } html body.dev740-page[data-v7160-developer-home] .dev740-hero__index a:hover, html body.dev740-page[data-v7160-developer-home] .dev740-hero__index a:focus-visible { background: rgba(101, 221, 178, .09); transform: translate3d(0, -2px, 0); } html body.dev740-page[data-v7160-developer-home] .dev740-hero__index strong { color: rgba(239, 249, 248, .9); font-size: 13px; font-weight: 650; } html body.dev740-page[data-v7160-developer-home] .dev740-hero__index span { color: rgba(162, 204, 207, .58); font-family: inherit; font-size: 10px; letter-spacing: 0; } /* Development engine */ html body.dev740-page[data-v7160-developer-home] .dev740-engine { background: linear-gradient(90deg, rgba(100, 194, 190, .035) 1px, transparent 1px), linear-gradient(180deg, #041923, #041722); background-size: 88px 100%, auto; } html body.dev740-page[data-v7160-developer-home] .dev740-engine__bezel { padding: 6px; border-color: var(--dev7160-line); border-radius: calc(var(--dev7160-radius) + 6px); background: rgba(167, 231, 223, .035); box-shadow: 0 28px 76px rgba(0, 8, 15, .22), inset 0 1px 0 rgba(255, 255, 255, .04); } html body.dev740-page[data-v7160-developer-home] .dev740-engine__rail { min-height: 270px; border-radius: var(--dev7160-radius); background: rgba(5, 30, 42, .92); box-shadow: inset 0 0 0 1px rgba(126, 215, 205, .1); } html body.dev740-page[data-v7160-developer-home] .dev740-engine__rail li { min-height: 270px; padding: 27px 18px 24px; border-color: rgba(126, 215, 205, .1); } html body.dev740-page[data-v7160-developer-home] .dev740-engine__rail li::after { border-color: #06202c; } html body.dev740-page[data-v7160-developer-home] .dev740-engine__number { color: rgba(121, 205, 201, .58); } html body.dev740-page[data-v7160-developer-home] .dev740-engine__rail div { padding-top: 66px; } html body.dev740-page[data-v7160-developer-home] .dev740-engine__rail strong { color: #eaf7f5; font-size: 15px; } html body.dev740-page[data-v7160-developer-home] .dev740-engine__rail p { color: rgba(190, 219, 220, .62); font-size: 11.5px; } html body.dev740-page[data-v7160-developer-home] .dev740-engine__figure figcaption span { color: var(--dev7160-emerald); } html body.dev740-page[data-v7160-developer-home] .dev740-engine__figure figcaption strong { color: var(--dev7160-muted); } /* Workbenches */ html body.dev740-page[data-v7160-developer-home] .dev740-workbenches { background: radial-gradient(circle at 14% 18%, rgba(33, 168, 137, .1), transparent 24%), radial-gradient(circle at 86% 82%, rgba(45, 118, 190, .1), transparent 27%), linear-gradient(150deg, #041723, #062330 65%, #052029); } html body.dev740-page[data-v7160-developer-home] .dev740-workbench { grid-template-columns: minmax(210px, 258px) minmax(0, 1fr); gap: 14px; } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__tabs { top: 104px; padding: 6px; border-radius: var(--dev7160-radius); background: rgba(3, 21, 31, .76); } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__tabs button { min-height: 101px; padding: 16px 16px 15px; border-radius: 16px; } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__tabs button[aria-selected="true"] { background: rgba(96, 218, 177, .095); transform: translate3d(3px, 0, 0); } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__tabs button strong { font-size: 17px; } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__panel { grid-template-columns: minmax(300px, .84fr) minmax(390px, 1.16fr); gap: 6px; padding: 6px; border-radius: calc(var(--dev7160-radius) + 6px); background: rgba(148, 224, 216, .035); } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__panel[hidden] { display: none !important; } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__panel > figure, html body.dev740-page[data-v7160-developer-home] .dev740-workbench__panel img, html body.dev740-page[data-v7160-developer-home] .dev740-workbench__content { min-height: 520px; } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__panel > figure, html body.dev740-page[data-v7160-developer-home] .dev740-workbench__content { border-radius: var(--dev7160-radius); } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__content { padding: 31px 30px; background: linear-gradient(150deg, rgba(10, 45, 56, .94), rgba(5, 27, 39, .96)); } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__title { margin-bottom: 21px; } html body.dev740-page[data-v7160-developer-home] main#main-content .dev740-workbench__title h3 { font-size: clamp(27px, 2.1vw, 32px) !important; } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__summary { margin-bottom: 21px; color: rgba(221, 240, 241, .75) !important; font-size: 13px; line-height: 1.72; } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__facts > div { padding-block: 11px; } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__facts dd, html body.dev740-page[data-v7160-developer-home] .dev740-workbench__boundary { font-size: 11px; } /* Roles and information access */ html body.dev740-page[data-v7160-developer-home] .dev740-network { background: radial-gradient(circle at 88% 18%, rgba(43, 133, 196, .08), transparent 27%), linear-gradient(180deg, #041722, #051b26); } html body.dev740-page[data-v7160-developer-home] .dev740-network__system { gap: 10px; margin-bottom: 48px; } html body.dev740-page[data-v7160-developer-home] .dev740-network__system article { min-height: 318px; padding: 25px 22px; border-color: var(--dev7160-line); border-radius: var(--dev7160-radius); background: linear-gradient(150deg, rgba(12, 46, 58, .84), rgba(7, 31, 43, .91)); box-shadow: 0 20px 58px rgba(0, 9, 16, .16), inset 0 1px 0 rgba(255, 255, 255, .035); } html body.dev740-page[data-v7160-developer-home] .dev740-network__system article > span { width: 34px; height: 34px; margin-bottom: 27px; border-color: rgba(100, 221, 178, .24); color: var(--dev7160-emerald); background: rgba(102, 222, 179, .05); } html body.dev740-page[data-v7160-developer-home] .dev740-network__system article > p { color: rgba(109, 216, 188, .64); } html body.dev740-page[data-v7160-developer-home] main#main-content .dev740-network__system h3 { margin-bottom: 23px; color: #eef8f7 !important; font-size: 23px !important; } html body.dev740-page[data-v7160-developer-home] .dev740-network__system dl, html body.dev740-page[data-v7160-developer-home] .dev740-network__system dl > div { border-color: rgba(126, 215, 205, .1); } html body.dev740-page[data-v7160-developer-home] .dev740-network__system dt { color: var(--dev7160-emerald); } html body.dev740-page[data-v7160-developer-home] .dev740-network__system dd { color: rgba(192, 218, 220, .64); } html body.dev740-page[data-v7160-developer-home] .dev740-access { gap: clamp(38px, 6vw, 76px); padding: clamp(32px, 4vw, 48px); border-color: var(--dev7160-line); border-radius: calc(var(--dev7160-radius) + 4px); background: rgba(8, 34, 47, .78); box-shadow: 0 24px 68px rgba(0, 9, 16, .16), inset 0 1px 0 rgba(255, 255, 255, .035); } html body.dev740-page[data-v7160-developer-home] main#main-content .dev740-access__intro h3 { color: #eef8f7 !important; font-size: clamp(28px, 2.2vw, 34px) !important; } html body.dev740-page[data-v7160-developer-home] .dev740-access__intro > p:last-child, html body.dev740-page[data-v7160-developer-home] .dev740-access__matrix span { color: rgba(191, 219, 220, .64); } html body.dev740-page[data-v7160-developer-home] .dev740-access__matrix, html body.dev740-page[data-v7160-developer-home] .dev740-access__matrix > div { border-color: rgba(126, 215, 205, .12); } html body.dev740-page[data-v7160-developer-home] .dev740-access__head { color: rgba(150, 194, 198, .62); } html body.dev740-page[data-v7160-developer-home] .dev740-access__matrix strong { color: var(--dev7160-emerald); } /* Evidence */ html body.dev740-page[data-v7160-developer-home] .dev740-evidence { background: radial-gradient(circle at 72% 18%, rgba(35, 188, 142, .1), transparent 25%), radial-gradient(circle at 10% 82%, rgba(41, 123, 190, .08), transparent 28%), linear-gradient(142deg, #03141f, #05232e 68%, #052029); } html body.dev740-page[data-v7160-developer-home] .dev740-evidence__layout { grid-template-columns: minmax(320px, .74fr) minmax(470px, 1.26fr); gap: 14px; } html body.dev740-page[data-v7160-developer-home] .dev740-evidence__image { min-height: 594px; border-width: 6px; border-radius: calc(var(--dev7160-radius) + 6px); } html body.dev740-page[data-v7160-developer-home] .dev740-evidence__image img { min-height: 582px; } html body.dev740-page[data-v7160-developer-home] .dev740-passport { padding: clamp(30px, 3.4vw, 44px); border-width: 6px; border-radius: calc(var(--dev7160-radius) + 6px); } html body.dev740-page[data-v7160-developer-home] .dev740-passport__top { margin-bottom: 26px; padding-bottom: 21px; } html body.dev740-page[data-v7160-developer-home] .dev740-passport__ledger { margin-bottom: 23px; border-radius: 16px; } html body.dev740-page[data-v7160-developer-home] .dev740-passport__ledger > div { min-height: 104px; padding: 18px; } html body.dev740-page[data-v7160-developer-home] .dev740-passport__panels { min-height: 134px; margin-bottom: 18px; } html body.dev740-page[data-v7160-developer-home] .dev740-passport__panels section[hidden] { display: none !important; } html body.dev740-page[data-v7160-developer-home] .dev740-claim-boundary { margin-top: 28px; padding: 22px 26px; background: rgba(111, 215, 204, .045); } /* Conversion and footer */ html body.dev740-page[data-v7160-developer-home] .dev740-start { padding-block: clamp(82px, 7.5vw, 112px); background: radial-gradient(circle at 80% 34%, rgba(36, 184, 137, .13), transparent 25%), linear-gradient(128deg, #062231, #073238 67%, #07382e); } html body.dev740-page[data-v7160-developer-home] .dev740-start__layout { grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr); gap: clamp(50px, 7vw, 96px); } html body.dev740-page[data-v7160-developer-home] main#main-content .dev740-start__copy h2 { font-size: clamp(42px, 3.6vw, 52px) !important; line-height: 1.08 !important; } html body.dev740-page[data-v7160-developer-home] .dev740-start__actions a { min-height: 68px; border-radius: 18px; } html body.dev740-page[data-v7160-developer-home] .dev740-start__actions .dev740-start__primary { background: #7ce5bd; } html body.dev740-page[data-v7160-developer-home] .dev740-start__boundary { margin-top: 42px; padding-top: 22px; } html body.dev740-page[data-v7160-developer-home] footer.dev740-footer { background: #020e16 !important; } html body.dev740-page[data-v7160-developer-home] .dev740-footer > .dev740-shell { padding-block: 54px 24px; } html body.dev740-page[data-v7160-developer-home] .dev740-footer__top { grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr); gap: clamp(44px, 6vw, 84px); padding-bottom: 36px; } html body.dev740-page[data-v7160-developer-home] .dev740-footer__brand h2 { max-width: 680px; font-size: clamp(27px, 2.3vw, 36px); } html body.dev740-page[data-v7160-developer-home] .dev740-footer__links a { min-height: 48px; } html body.dev740-page[data-v7160-developer-home] .dev740-footer__bottom { align-items: center; padding-top: 24px; } html body.dev740-page[data-v7160-developer-home] .dev740-footer__identity { display: flex; align-items: center; gap: 18px; } html body.dev740-page[data-v7160-developer-home] .dev740-footer__identity img { width: 112px; height: 56px; object-fit: contain; } html body.dev740-page[data-v7160-developer-home] .dev740-footer__identity > div { display: grid; gap: 4px; } html body.dev740-page[data-v7160-developer-home] .dev740-footer__identity strong { color: rgba(235, 247, 246, .86); font-size: 11px; font-weight: 650; } html body.dev740-page[data-v7160-developer-home] .dev740-footer__identity a { color: rgba(163, 198, 200, .62); font-size: 10px; } html body.dev740-page[data-v7160-developer-home] .dev740-footer__legal { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px 16px; color: rgba(139, 177, 180, .5); font-size: 9px; } @media (hover: hover) and (pointer: fine) { html body.dev740-page[data-v7160-developer-home] .dev740-network__system article:hover { transform: translate3d(0, -5px, 0); box-shadow: 0 28px 72px rgba(0, 9, 16, .24), inset 0 1px 0 rgba(255, 255, 255, .05); } } @media (max-width: 1100px) { html body.dev740-page[data-v7160-developer-home] .dev740-hero__layout { grid-template-columns: minmax(0, 1fr) minmax(420px, .9fr); gap: 36px; } html body.dev740-page[data-v7160-developer-home] .dev740-stage__core { min-height: 448px; } html body.dev740-page[data-v7160-developer-home] .dev740-workbench { grid-template-columns: 222px minmax(0, 1fr); } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__panel { grid-template-columns: minmax(260px, .72fr) minmax(330px, 1.28fr); } } @media (max-width: 900px) { html body.dev740-page[data-v7160-developer-home] .dev740-shell { width: min(calc(100% - 40px), 820px); } html body.dev740-page[data-v7160-developer-home] .dev740-section__head { grid-template-columns: 1fr; gap: 22px; } html body.dev740-page[data-v7160-developer-home] .dev740-hero { min-height: 0; padding-top: 132px; } html body.dev740-page[data-v7160-developer-home] .dev740-hero__layout { grid-template-columns: 1fr; gap: 30px; } html body.dev740-page[data-v7160-developer-home] .dev740-hero__copy { max-width: 720px; } html body.dev740-page[data-v7160-developer-home] .dev740-hero__stage { max-width: 720px; justify-self: stretch; } html body.dev740-page[data-v7160-developer-home] .dev740-stage__core { min-height: 460px; } html body.dev740-page[data-v7160-developer-home] .dev740-workbench { grid-template-columns: 1fr; } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__tabs { position: static; grid-template-columns: repeat(4, minmax(0, 1fr)); } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__panel { grid-template-columns: minmax(280px, .8fr) minmax(330px, 1.2fr); } html body.dev740-page[data-v7160-developer-home] .dev740-network__system { grid-template-columns: repeat(2, minmax(0, 1fr)); } html body.dev740-page[data-v7160-developer-home] .dev740-evidence__layout, html body.dev740-page[data-v7160-developer-home] .dev740-start__layout { grid-template-columns: 1fr; } html body.dev740-page[data-v7160-developer-home] .dev740-footer__top { grid-template-columns: 1fr; } } @media (max-width: 760px) { html body.dev740-page[data-v7160-developer-home] .dev740-shell { width: calc(100% - 32px); } html body.dev740-page[data-v7160-developer-home] .dev740-section { padding-block: 58px; } html body.dev740-page[data-v7160-developer-home] main#main-content .dev740-section__head h2, html body.dev740-page[data-v7160-developer-home] main#main-content .dev740-section__head--light h2 { font-size: clamp(30px, 8.7vw, 35px) !important; line-height: 1.11 !important; } html body.dev740-page[data-v7160-developer-home] .dev740-section__head > p, html body.dev740-page[data-v7160-developer-home] .dev740-section__head--light > p { font-size: 14px; line-height: 1.68; } html body.dev740-page[data-v7160-developer-home] .dev740-hero { padding: 92px 0 30px; } html body.dev740-page[data-v7160-developer-home] .dev740-kicker { margin-bottom: 13px; } html body.dev740-page[data-v7160-developer-home] main#main-content .dev740-hero__copy h1, html[data-lang="en"] body.dev740-page[data-v7160-developer-home] main#main-content .dev740-hero__copy h1 { max-width: 100%; margin-bottom: 17px; font-size: clamp(31px, 8.9vw, 36px) !important; line-height: 1.08 !important; } html body.dev740-page[data-v7160-developer-home] .dev740-hero__lead { margin-bottom: 20px; font-size: 14px; line-height: 1.66; } html body.dev740-page[data-v7160-developer-home] .dev740-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } html body.dev740-page[data-v7160-developer-home] .dev740-action { width: 100%; min-width: 0; padding-left: 15px; gap: 8px; font-size: 12px; } html body.dev740-page[data-v7160-developer-home] .dev740-action i { width: 34px; height: 34px; } html body.dev740-page[data-v7160-developer-home] .dev740-hero__stage { display: none; } html body.dev740-page[data-v7160-developer-home] .dev740-hero__index { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-top: 24px; padding: 6px; } html body.dev740-page[data-v7160-developer-home] .dev740-hero__index a { min-height: 60px; padding: 10px 11px; border: 0; } html body.dev740-page[data-v7160-developer-home] .dev740-engine__rail { grid-template-columns: 1fr; } html body.dev740-page[data-v7160-developer-home] .dev740-engine__rail li, html body.dev740-page[data-v7160-developer-home] .dev740-engine__rail li:last-child { min-height: 116px; padding: 18px; } html body.dev740-page[data-v7160-developer-home] .dev740-engine__rail li::after { top: 30px; } html body.dev740-page[data-v7160-developer-home] .dev740-engine__rail div { padding-top: 31px; } html body.dev740-page[data-v7160-developer-home] .dev740-engine__figure figcaption { grid-template-columns: 1fr; gap: 8px; } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__tabs, html body.dev740-page[data-v7160-developer-home] .dev740-passport__tabs { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__tabs button { min-height: 82px; padding: 12px; border: 0; border-radius: 14px; } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__tabs button > span { margin-bottom: 7px; font-size: 8px; } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__tabs button strong { margin-bottom: 3px; font-size: 15px; } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__tabs button small { font-size: 9px; } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__panel, html body.dev740-page[data-v7160-developer-home] .dev740-workbench[data-mobile-expanded="true"] .dev740-workbench__panel { grid-template-columns: 1fr; padding: 5px; } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__panel[hidden], html body.dev740-page[data-v7160-developer-home] .dev740-workbench[data-mobile-expanded="true"] .dev740-workbench__panel[hidden] { display: none !important; } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__panel > figure, html body.dev740-page[data-v7160-developer-home] .dev740-workbench__panel img { min-height: 210px; height: 210px; } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__content { min-height: 0; padding: 21px 18px 22px; } html body.dev740-page[data-v7160-developer-home] .dev740-workbench__facts > div { grid-template-columns: 1fr; gap: 6px; } html body.dev740-page[data-v7160-developer-home] .dev740-network__system { grid-template-columns: 1fr; margin-bottom: 32px; } html body.dev740-page[data-v7160-developer-home] .dev740-network__system article { min-height: 0; padding: 21px 18px; } html body.dev740-page[data-v7160-developer-home] .dev740-access { padding: 22px 17px; } html body.dev740-page[data-v7160-developer-home] .dev740-evidence__image { min-height: 300px; } html body.dev740-page[data-v7160-developer-home] .dev740-evidence__image img { min-height: 288px; } html body.dev740-page[data-v7160-developer-home] .dev740-passport { padding: 22px 17px; } html body.dev740-page[data-v7160-developer-home] .dev740-passport__ledger { grid-template-columns: 1fr; } html body.dev740-page[data-v7160-developer-home] .dev740-passport__panels { display: block; min-height: 132px; } html body.dev740-page[data-v7160-developer-home] .dev740-passport__panels section, html body.dev740-page[data-v7160-developer-home] .dev740-passport[data-mobile-expanded="true"] .dev740-passport__panels section { display: block; border: 0; } html body.dev740-page[data-v7160-developer-home] .dev740-passport__panels section[hidden], html body.dev740-page[data-v7160-developer-home] .dev740-passport[data-mobile-expanded="true"] .dev740-passport__panels section[hidden] { display: none !important; } html body.dev740-page[data-v7160-developer-home] .dev740-claim-boundary { grid-template-columns: 1fr; gap: 8px; } html body.dev740-page[data-v7160-developer-home] .dev740-start__actions { grid-template-columns: 1fr; } html body.dev740-page[data-v7160-developer-home] main#main-content .dev740-start__copy h2, html[data-lang="en"] body.dev740-page[data-v7160-developer-home] main#main-content .dev740-start__copy h2 { font-size: clamp(32px, 9vw, 38px) !important; } html body.dev740-page[data-v7160-developer-home] .dev740-footer__top { gap: 26px; padding-bottom: 28px; } html body.dev740-page[data-v7160-developer-home] .dev740-footer__links { grid-template-columns: repeat(2, minmax(0, 1fr)); } html body.dev740-page[data-v7160-developer-home] .dev740-footer__bottom { align-items: flex-start; flex-direction: column; gap: 20px; } html body.dev740-page[data-v7160-developer-home] .dev740-footer__identity img { width: 96px; height: 48px; } html body.dev740-page[data-v7160-developer-home] .dev740-footer__legal { justify-content: flex-start; } } @media (max-width: 380px) { html body.dev740-page[data-v7160-developer-home] .dev740-actions { grid-template-columns: 1fr; } html body.dev740-page[data-v7160-developer-home] .dev740-footer__links { grid-template-columns: 1fr; } } @media (prefers-reduced-transparency: reduce) { html body.dev740-page[data-v7160-developer-home] :is( .dev740-hero__index, .dev740-action--secondary, .dev740-workbench__tabs, .dev740-access ) { backdrop-filter: none; -webkit-backdrop-filter: none; background: #082330; } } @media (prefers-reduced-motion: reduce) { html body.dev740-page[data-v7160-developer-home] :is(a, button, article) { animation: none !important; transition: none !important; } }