.onz-assets-page { --onz-assets-blue: #dce7ee; --onz-assets-mint: #dcebe5; --onz-assets-sand: #eee7d8; }
.onz-assets-page .onz-announcements-hero { background: #f1eee7; }
.onz-assets-page .onz-announcements-hero__inner { min-height: 500px; }
.onz-assets-page .onz-announcements-flow__steps i { color: #187b63; }

.onz-assets-structure { padding-block: 128px 142px; scroll-margin-top: 140px; background: #fff; }
.onz-assets-shot { overflow: hidden; margin: 0; border: 1px solid rgba(23, 45, 60, .16); border-radius: 16px; background: #fff; box-shadow: 0 32px 74px rgba(23, 45, 60, .13); }
.onz-assets-shot__bar { display: flex; min-height: 50px; padding-inline: 19px; gap: 7px; align-items: center; border-bottom: 1px solid rgba(23, 45, 60, .1); background: #f8f9fa; }
.onz-assets-shot__bar > span { width: 8px; height: 8px; border-radius: 50%; background: #d4dadd; }
.onz-assets-shot__bar > span:first-child { background: #f9a515; }
.onz-assets-shot__bar small { margin-left: auto; color: #728189; font-size: 10px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.onz-assets-shot figcaption { display: flex; padding: 15px 19px; gap: 13px; color: #697981; border-top: 1px solid rgba(23, 45, 60, .1); font-size: 12px; font-weight: 600; }
.onz-assets-shot figcaption span { color: #168a6d; font-size: 10px; letter-spacing: .09em; }

.onz-assets-topology { display: grid; min-height: 510px; padding: 58px 60px; align-content: center; background: var(--onz-assets-blue); }
.onz-assets-topology > div { position: relative; display: grid; grid-template-columns: 48px minmax(160px, .4fr) 1fr; min-height: 64px; margin-left: calc(var(--asset-level) * 54px); gap: 15px; align-items: center; border-left: 1px solid rgba(23, 45, 60, .2); }
.onz-assets-topology > div::before { width: 31px; height: 1px; background: rgba(23, 45, 60, .2); content: ""; }
.onz-assets-topology > div:first-child { margin-left: 0; border-left: 0; }
.onz-assets-topology > div:first-child::before { background: transparent; }
.onz-assets-topology i { position: absolute; left: 30px; display: grid; width: 38px; height: 38px; place-items: center; color: #126a54; border-radius: 50%; background: rgba(255, 255, 255, .7); font-size: 18px; }
.onz-assets-topology span { color: var(--onz-announcements-ink); font-size: 16px; font-weight: 700; }
.onz-assets-topology small { color: #687980; font-size: 13px; }

.onz-assets-inventory { padding-block: 130px 145px; scroll-margin-top: 140px; color: #fff; background: var(--onz-announcements-deep); }
.onz-assets-inventory__inner { display: grid; grid-template-columns: minmax(0, .68fr) minmax(560px, 1fr); gap: clamp(65px, 8vw, 112px); align-items: center; }
.onz-assets-inventory .onz-announcements-kicker { color: var(--onz-announcements-green); }
.onz-assets-inventory h2 { max-width: 670px; margin: 0; color: #fff; font-size: clamp(46px, 5vw, 72px); font-weight: 600; letter-spacing: -.058em; line-height: .96; }
.onz-assets-inventory__copy > p:not(.onz-announcements-kicker) { max-width: 650px; margin: 28px 0 32px; color: rgba(255, 255, 255, .64); font-size: 18px; line-height: 1.65; }
.onz-assets-inventory__copy ul { display: grid; padding: 0; margin: 0; gap: 12px; list-style: none; }
.onz-assets-inventory__copy li { display: flex; gap: 11px; align-items: center; color: rgba(255, 255, 255, .84); font-size: 15px; font-weight: 600; }
.onz-assets-inventory__copy li i { color: var(--onz-announcements-accent); font-size: 21px; }
.onz-assets-shot--record { border-color: rgba(255, 255, 255, .18); box-shadow: 0 35px 80px rgba(0, 0, 0, .25); }
.onz-assets-record { min-height: 460px; padding: 34px; color: var(--onz-announcements-ink); background: var(--onz-assets-mint); }
.onz-assets-record > header { display: grid; grid-template-columns: 1fr auto; padding: 27px; gap: 8px 20px; align-items: center; border-radius: 9px; background: #fff; }
.onz-assets-record > header > span { grid-column: 1 / -1; color: #8a5b08; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.onz-assets-record > header strong { font-size: 24px; font-weight: 600; letter-spacing: -.03em; }
.onz-assets-record > header small { padding: 7px 10px; color: #0c644e; border-radius: 20px; background: rgba(30, 201, 153, .16); font-size: 10px; font-weight: 700; }
.onz-assets-record__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 22px; border-top: 1px solid rgba(23, 45, 60, .13); border-left: 1px solid rgba(23, 45, 60, .13); }
.onz-assets-record__grid div { min-height: 77px; padding: 15px 17px; border-right: 1px solid rgba(23, 45, 60, .13); border-bottom: 1px solid rgba(23, 45, 60, .13); background: rgba(255, 255, 255, .52); }
.onz-assets-record__grid span { display: block; margin-bottom: 8px; color: #718088; font-size: 10px; }
.onz-assets-record__grid b { font-size: 13px; font-weight: 700; }
.onz-assets-shot--list { margin-top: 70px; border-color: rgba(255, 255, 255, .18); box-shadow: 0 35px 80px rgba(0, 0, 0, .2); }
.onz-assets-list { color: var(--onz-announcements-ink); background: #fff; }
.onz-assets-list header,
.onz-assets-list > div { display: grid; grid-template-columns: 1.15fr 1.2fr .75fr; min-height: 68px; align-items: center; }
.onz-assets-list header { color: #687980; background: #edf1f3; font-size: 11px; font-weight: 700; }
.onz-assets-list > div { border-top: 1px solid rgba(23, 45, 60, .1); font-size: 13px; }
.onz-assets-list span { padding-inline: 22px; }
.onz-assets-list > div span:first-child { font-weight: 700; }

.onz-assets-identification { padding-block: 128px 142px; scroll-margin-top: 140px; background: var(--onz-announcements-accent); }
.onz-assets-identification__inner { display: grid; grid-template-columns: minmax(420px, .8fr) minmax(0, 1fr); gap: clamp(70px, 9vw, 128px); align-items: center; }
.onz-assets-identification__visual { position: relative; display: grid; min-height: 570px; overflow: hidden; place-items: center; background: rgba(255, 255, 255, .3); }
.onz-assets-identification__tag { display: grid; width: 270px; min-height: 330px; padding: 31px; place-items: center; color: var(--onz-announcements-ink); border-radius: 12px; background: #fff; box-shadow: 0 30px 70px rgba(94, 57, 0, .16); }
.onz-assets-identification__tag i { font-size: 150px; line-height: 1; }
.onz-assets-identification__tag span { font-size: 10px; font-weight: 700; letter-spacing: .13em; }
.onz-assets-identification__tag strong { font-size: 20px; }
.onz-assets-identification__phone { position: absolute; right: 18px; bottom: 25px; display: flex; width: 150px; min-height: 245px; padding: 25px 18px; gap: 20px; align-items: center; justify-content: center; flex-direction: column; color: #fff; border: 5px solid #fff; border-radius: 27px; background: var(--onz-announcements-deep); box-shadow: 0 25px 55px rgba(23, 45, 60, .28); text-align: center; }
.onz-assets-identification__phone i { color: var(--onz-announcements-green); font-size: 54px; }
.onz-assets-identification__phone span { font-size: 12px; font-weight: 700; line-height: 1.35; }
.onz-assets-identification .onz-announcements-kicker { color: #704300; }
.onz-assets-identification h2 { max-width: 700px; margin: 0; color: var(--onz-announcements-ink); font-size: clamp(46px, 5vw, 72px); font-weight: 600; letter-spacing: -.058em; line-height: .96; }
.onz-assets-identification__copy > p:not(.onz-announcements-kicker) { max-width: 680px; margin: 28px 0 36px; color: rgba(23, 45, 60, .74); font-size: 18px; line-height: 1.65; }
.onz-assets-identification__copy ol { padding: 0; margin: 0; border-top: 1px solid rgba(23, 45, 60, .2); list-style: none; }
.onz-assets-identification__copy li { display: grid; grid-template-columns: 38px 1fr; min-height: 105px; padding-block: 22px; gap: 15px; align-items: start; border-bottom: 1px solid rgba(23, 45, 60, .2); }
.onz-assets-identification__copy li > span { padding-top: 4px; color: rgba(23, 45, 60, .5); font-size: 10px; }
.onz-assets-identification__copy li strong { font-size: 18px; font-weight: 700; }
.onz-assets-identification__copy li p { margin: 7px 0 0; color: rgba(23, 45, 60, .7); font-size: 15px; line-height: 1.5; }

.onz-assets-relations { padding-block: 128px 145px; scroll-margin-top: 140px; background: #f2f5f2; }
.onz-assets-relations__map { display: grid; grid-template-columns: minmax(240px, .4fr) minmax(0, 1fr); min-height: 480px; overflow: hidden; border-top: 1px solid var(--onz-announcements-line); border-bottom: 1px solid var(--onz-announcements-line); }
.onz-assets-relations__core { display: flex; gap: 18px; align-items: center; justify-content: center; flex-direction: column; color: #fff; background: var(--onz-announcements-deep); }
.onz-assets-relations__core i { color: var(--onz-announcements-green); font-size: 52px; }
.onz-assets-relations__core span { max-width: 180px; font-size: 20px; font-weight: 700; text-align: center; }
.onz-assets-relations__items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.onz-assets-relations__items div { display: grid; grid-template-columns: 29px 42px 1fr; min-height: 120px; padding: 24px; gap: 12px; align-items: center; border-right: 1px solid var(--onz-announcements-line); border-bottom: 1px solid var(--onz-announcements-line); }
.onz-assets-relations__items div:nth-child(2n) { border-right: 0; }
.onz-assets-relations__items div:nth-last-child(-n + 2) { border-bottom: 0; }
.onz-assets-relations__items div:last-child { grid-column: 1 / -1; border-top: 1px solid var(--onz-announcements-line); }
.onz-assets-relations__items span { color: #89969c; font-size: 10px; }
.onz-assets-relations__items i { color: #14735c; font-size: 24px; }
.onz-assets-relations__items strong { font-size: 17px; font-weight: 600; }

.onz-assets-history { padding-block: 128px 145px; scroll-margin-top: 140px; color: #fff; background: #102936; }
.onz-assets-history__inner { display: grid; grid-template-columns: minmax(0, .8fr) minmax(480px, 1fr); gap: clamp(70px, 9vw, 125px); align-items: start; margin-bottom: 88px; }
.onz-assets-history .onz-announcements-kicker { color: var(--onz-announcements-green); }
.onz-assets-history h2 { max-width: 680px; margin: 0; color: #fff; font-size: clamp(46px, 5vw, 72px); font-weight: 600; letter-spacing: -.058em; line-height: .96; }
.onz-assets-history__copy > p:not(.onz-announcements-kicker) { max-width: 660px; margin: 28px 0 0; color: rgba(255, 255, 255, .64); font-size: 18px; line-height: 1.65; }
.onz-assets-history__questions { border-top: 1px solid rgba(255, 255, 255, .18); }
.onz-assets-history__questions div { display: grid; grid-template-columns: 38px 1fr; min-height: 82px; gap: 15px; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, .18); }
.onz-assets-history__questions span { color: rgba(255, 255, 255, .36); font-size: 10px; }
.onz-assets-history__questions p { margin: 0; color: #fff; font-size: 16px; font-weight: 600; }
.onz-assets-shot--history { border-color: rgba(255, 255, 255, .18); }
.onz-assets-history-table { color: var(--onz-announcements-ink); background: #fff; }
.onz-assets-history-table header,
.onz-assets-history-table > div { display: grid; grid-template-columns: 1.4fr 1fr 1fr .7fr; min-height: 68px; align-items: center; }
.onz-assets-history-table header { color: #687980; background: #edf1f3; font-size: 11px; font-weight: 700; }
.onz-assets-history-table > div { border-top: 1px solid rgba(23, 45, 60, .1); font-size: 13px; }
.onz-assets-history-table span { padding-inline: 22px; }

@media (max-width: 1000px) {
    .onz-assets-inventory__inner { grid-template-columns: 1fr; }
    .onz-assets-identification__inner { grid-template-columns: minmax(330px, .7fr) minmax(0, 1fr); gap: 55px; }
    .onz-assets-history__inner { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .onz-assets-topology { padding: 35px 25px; }
    .onz-assets-topology > div { grid-template-columns: 38px 1fr; margin-left: calc(var(--asset-level) * 16px); }
    .onz-assets-topology > div small { display: none; }
    .onz-assets-topology i { left: 22px; }
    .onz-assets-identification__inner { grid-template-columns: 1fr; }
    .onz-assets-identification__visual { min-height: 500px; order: 2; }
    .onz-assets-relations__map { grid-template-columns: 1fr; }
    .onz-assets-relations__core { min-height: 190px; }
}

@media (max-width: 640px) {
    .onz-assets-page .onz-announcements-hero__inner { min-height: auto; }
    .onz-assets-structure,
    .onz-assets-inventory,
    .onz-assets-identification,
    .onz-assets-relations,
    .onz-assets-history { padding-block: 88px 96px; }
    .onz-assets-shot { border-radius: 11px; }
    .onz-assets-shot__bar small { overflow: hidden; max-width: 175px; text-overflow: ellipsis; white-space: nowrap; }
    .onz-assets-record { min-height: auto; padding: 17px; }
    .onz-assets-record__grid { grid-template-columns: 1fr; }
    .onz-assets-shot--list { margin-top: 48px; }
    .onz-assets-list { overflow-x: auto; }
    .onz-assets-list header,
    .onz-assets-list > div { grid-template-columns: 180px 190px 105px; min-width: 475px; }
    .onz-assets-list span { padding-inline: 14px; }
    .onz-assets-identification__visual { min-height: 450px; }
    .onz-assets-identification__tag { width: 225px; min-height: 290px; }
    .onz-assets-identification__tag i { font-size: 125px; }
    .onz-assets-identification__phone { right: 10px; bottom: 16px; width: 125px; min-height: 210px; }
    .onz-assets-relations__items { grid-template-columns: 1fr; }
    .onz-assets-relations__items div { min-height: 100px; border-right: 0; }
    .onz-assets-relations__items div:nth-last-child(-n + 2) { border-bottom: 1px solid var(--onz-announcements-line); }
    .onz-assets-relations__items div:last-child { grid-column: auto; border-bottom: 0; }
    .onz-assets-history__inner { margin-bottom: 58px; }
    .onz-assets-history-table { overflow-x: auto; }
    .onz-assets-history-table header,
    .onz-assets-history-table > div { grid-template-columns: 180px 130px 130px 100px; min-width: 540px; }
    .onz-assets-history-table span { padding-inline: 14px; }
}