.geo-hero {
    min-height: 520px;
    padding: 72px 0 54px;
    color: #16212d;
    background: linear-gradient(108deg, #f8fbfc 0%, #ffffff 48%, #f1f6fb 100%);
    overflow: hidden;
}

.geo-hero-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 44px;
}

.geo-hero-copy {
    max-width: 610px;
}

.geo-eyebrow {
    margin: 0 0 12px;
    color: #0f766e;
    font-weight: 700;
    letter-spacing: 0;
}

.geo-hero h1 {
    margin: 0;
    font-size: 52px;
    line-height: 1.18;
    letter-spacing: 0;
    font-weight: 700;
}

.geo-lead {
    margin: 20px 0 0;
    color: #526173;
    font-size: 18px;
    line-height: 1.8;
}

.geo-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.geo-cert-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin-top: 18px;
    color: #3e4d5c;
    font-size: 14px;
}

.geo-cert-line span {
    padding: 7px 10px;
    border: 1px solid #cbd9e3;
    border-radius: 6px;
    background: #fff;
}

.geo-cert-line a {
    color: #1d4ed8;
    font-weight: 700;
}

.geo-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 22px;
    border-radius: 6px;
    font-weight: 700;
    text-decoration: none;
}

.geo-btn:hover,
.geo-btn:focus {
    text-decoration: none;
}

.geo-btn-primary {
    color: #fff;
    background: #0f766e;
}

.geo-btn-primary:hover,
.geo-btn-primary:focus {
    color: #fff;
    background: #0b5f59;
}

.geo-btn-secondary {
    color: #1d4ed8;
    border: 1px solid #b8c7e8;
    background: #fff;
}

.geo-btn-secondary:hover,
.geo-btn-secondary:focus {
    color: #123a9d;
    border-color: #7993cf;
}

.geo-hero-media {
    position: relative;
    flex: 0 0 360px;
}

.geo-hero-media img {
    display: block;
    width: 100%;
    max-height: 430px;
    object-fit: contain;
}

.geo-dashboard-preview {
    position: absolute;
    right: -24px;
    bottom: 16px;
    width: 248px;
    padding: 16px;
    border: 1px solid rgba(123, 148, 166, 0.28);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 48px rgba(24, 32, 42, 0.12);
}

.geo-dashboard-head,
.geo-metric-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.geo-dashboard-head {
    margin-bottom: 10px;
    color: #18202a;
    font-weight: 700;
}

.geo-dashboard-head strong {
    padding: 2px 8px;
    border-radius: 999px;
    color: #0f766e;
    background: #e3f5f2;
    font-size: 12px;
}

.geo-metric-row {
    padding: 10px 0;
    border-top: 1px solid #e4ebf0;
    color: #5d6977;
    font-size: 14px;
}

.geo-metric-row strong {
    color: #18202a;
}

.geo-answer {
    padding: 26px 0;
    background: #fff;
}

.geo-answer-box {
    padding: 18px 22px;
    border: 1px solid #d7e3ea;
    border-left: 5px solid #0f766e;
    border-radius: 8px;
    color: #243141;
    background: #f7fafc;
    font-size: 17px;
    line-height: 1.78;
}

.geo-section {
    padding: 64px 0;
    background: #fff;
}

.geo-band {
    background: #f4f8fb;
}

.geo-card-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 28px;
}

.geo-flow {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 28px;
}

.geo-flow-card {
    min-height: 230px;
    padding: 22px 20px;
    border: 1px solid #dbe5ed;
    border-radius: 8px;
    background: #fff;
}

.geo-flow-card span {
    display: inline-flex;
    margin-bottom: 16px;
    color: #0f766e;
    font-size: 14px;
    font-weight: 700;
}

.geo-flow-card h3,
.geo-stage h3 {
    margin: 0 0 12px;
    color: #18202a;
    font-size: 21px;
    line-height: 1.32;
    letter-spacing: 0;
}

.geo-flow-card p,
.geo-stage p {
    color: #586675;
    font-size: 15px;
    line-height: 1.76;
}

.geo-card {
    min-height: 190px;
    padding: 22px 20px;
    border: 1px solid #dbe5ed;
    border-radius: 8px;
    background: #fff;
}

.geo-card h3,
.geo-faq-list h3 {
    margin: 0 0 12px;
    color: #18202a;
    font-size: 20px;
    line-height: 1.35;
    letter-spacing: 0;
}

.geo-card p,
.geo-faq-list p,
.geo-step p,
.geo-list li {
    color: #586675;
    font-size: 15px;
    line-height: 1.76;
}

.geo-stage-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 28px;
}

.geo-stage {
    min-height: 205px;
    padding: 24px 22px;
    border: 1px solid #dbe5ed;
    border-radius: 8px;
    background: #fff;
}

.geo-metric-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 28px;
}

.geo-metric-grid article {
    min-height: 188px;
    padding: 24px 22px;
    border: 1px solid #dbe5ed;
    border-radius: 8px;
    background: #fff;
}

.geo-metric-grid h3 {
    margin: 0 0 12px;
    color: #18202a;
    font-size: 21px;
    line-height: 1.32;
    letter-spacing: 0;
}

.geo-metric-grid p {
    color: #586675;
    font-size: 15px;
    line-height: 1.76;
}

.geo-metric-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.geo-metric-tags span {
    padding: 8px 12px;
    border: 1px solid #cbd9e3;
    border-radius: 999px;
    color: #334256;
    background: #f7fafc;
    font-size: 14px;
}

.geo-report-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 28px;
}

.geo-report-card {
    min-height: 252px;
    padding: 24px 22px;
    border: 1px solid #dbe5ed;
    border-radius: 8px;
    background: #fff;
}

.geo-report-card span {
    display: inline-flex;
    margin-bottom: 14px;
    color: #0f766e;
    font-size: 14px;
    font-weight: 700;
}

.geo-report-card h3 {
    margin: 0 0 12px;
    color: #18202a;
    font-size: 21px;
    line-height: 1.32;
    letter-spacing: 0;
}

.geo-report-card p {
    color: #586675;
    font-size: 15px;
    line-height: 1.76;
}

.geo-report-card a {
    display: inline-flex;
    margin-top: 12px;
    color: #1d4ed8;
    font-weight: 700;
}

.geo-report-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.geo-report-facts span {
    padding: 8px 12px;
    border: 1px solid #cbd9e3;
    border-radius: 6px;
    color: #334256;
    background: #fff;
    font-size: 14px;
}

.geo-model {
    margin: 28px 0 0;
    padding: 18px;
    border: 1px solid #dbe5ed;
    border-radius: 8px;
    background: #fff;
}

.geo-model img {
    display: block;
    width: 100%;
    height: auto;
}

.geo-model figcaption {
    margin-top: 12px;
    color: #677383;
    font-size: 14px;
    text-align: center;
}

.geo-two-col {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 420px;
    gap: 42px;
    align-items: center;
}

.geo-title-left {
    text-align: left;
}

.geo-list {
    padding-left: 20px;
}

.geo-list li {
    margin: 10px 0;
}

.geo-image-panel img {
    display: block;
    width: 100%;
    border-radius: 8px;
}

.geo-steps {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
    margin-top: 28px;
}

.geo-step {
    min-height: 178px;
    padding: 20px 16px;
    border: 1px solid #dbe5ed;
    border-radius: 8px;
    background: #fff;
}

.geo-step span {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    border-radius: 50%;
    color: #fff;
    background: #1d4ed8;
    font-weight: 700;
}

.geo-faq {
    background: #f7fafc;
}

.geo-faq-list {
    margin-top: 26px;
    border-top: 1px solid #dbe5ed;
}

.geo-faq-list article {
    padding: 22px 0;
    border-bottom: 1px solid #dbe5ed;
}

.geo-trust-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 28px;
}

.geo-trust-grid article {
    min-height: 178px;
    padding: 24px 22px;
    border: 1px solid #dbe5ed;
    border-radius: 8px;
    background: #fff;
}

.geo-trust-grid h3 {
    margin: 0 0 12px;
    color: #18202a;
    font-size: 21px;
    line-height: 1.32;
    letter-spacing: 0;
}

.geo-trust-grid p {
    color: #586675;
    font-size: 15px;
    line-height: 1.76;
}

.geo-trust-grid a {
    color: #1d4ed8;
    font-weight: 700;
}

.geo-cta {
    padding: 54px 0;
    color: #fff;
    text-align: center;
    background: #123a4a;
}

.geo-cta h2 {
    margin: 0;
    font-size: 30px;
    line-height: 1.3;
    letter-spacing: 0;
}

.geo-cta p {
    margin: 14px auto 24px;
    max-width: 720px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 17px;
    line-height: 1.75;
}

@media (max-width: 991px) {
    .geo-hero {
        min-height: auto;
        padding: 52px 0 42px;
    }

    .geo-hero-inner,
    .geo-two-col {
        display: block;
    }

    .geo-hero h1 {
        font-size: 34px;
    }

    .geo-hero-media {
        position: relative;
        margin-top: 30px;
        max-width: 320px;
    }

    .geo-dashboard-preview {
        right: -12px;
        bottom: -8px;
        width: 220px;
    }

    .geo-card-grid,
    .geo-flow,
    .geo-metric-grid,
    .geo-report-grid,
    .geo-stage-grid,
    .geo-trust-grid,
    .geo-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .geo-image-panel {
        margin-top: 24px;
    }
}

@media (max-width: 560px) {
    .geo-hero h1 {
        font-size: 29px;
    }

    .geo-lead {
        font-size: 16px;
    }

    .geo-card-grid,
    .geo-flow,
    .geo-metric-grid,
    .geo-report-grid,
    .geo-stage-grid,
    .geo-trust-grid,
    .geo-steps {
        grid-template-columns: 1fr;
    }

    .geo-dashboard-preview {
        position: static;
        width: 100%;
        margin-top: 14px;
    }

    .geo-section {
        padding: 46px 0;
    }
}

.geo-page {
    color: #18202a;
    background: #f7f8f6;
}

.geo-page .navbar {
    margin-bottom: 0;
    border: 0;
    box-shadow: 0 1px 0 rgba(20, 31, 40, 0.08);
}

.geo-page .top {
    display: none !important;
}

.geo-hero {
    position: relative;
    min-height: 720px;
    padding: 92px 0 72px;
    color: #101820;
    background: #eef4f2;
    overflow: hidden;
}

.geo-hero-grid {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(16, 24, 32, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(16, 24, 32, 0.06) 1px, transparent 1px);
    background-size: 64px 64px;
    opacity: 0.25;
    pointer-events: none;
}

.geo-hero-inner {
    position: relative;
    z-index: 1;
}

.geo-hero-copy {
    max-width: 680px;
}

.geo-hero h1 {
    max-width: 720px;
    font-size: 64px;
    line-height: 1.08;
}

.geo-lead {
    max-width: 640px;
    color: #43505a;
    font-size: 19px;
}

.geo-hero-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.geo-hero-pills span {
    padding: 9px 13px;
    border: 1px solid rgba(26, 70, 72, 0.16);
    border-radius: 999px;
    color: #163b3f;
    background: rgba(255, 255, 255, 0.72);
    font-size: 14px;
    font-weight: 700;
}

.geo-hero-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 34px;
    max-width: 620px;
}

.geo-hero-stats div {
    padding: 16px;
    border: 1px solid rgba(26, 70, 72, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.78);
}

.geo-hero-stats strong {
    display: block;
    color: #0c5f5a;
    font-size: 26px;
    line-height: 1;
}

.geo-hero-stats span {
    display: block;
    margin-top: 8px;
    color: #5c6870;
    font-size: 13px;
}

.geo-device-stage {
    position: relative;
    min-height: 560px;
}

.geo-live-console {
    position: absolute;
    top: 18px;
    right: 0;
    width: 420px;
    padding: 18px;
    border: 1px solid rgba(160, 188, 190, 0.2);
    border-radius: 8px;
    color: #e7f5f4;
    background: #101820;
    box-shadow: 0 28px 70px rgba(20, 31, 40, 0.22);
}

.geo-console-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.geo-console-top span {
    color: #d3e4e2;
    font-size: 13px;
    font-weight: 700;
}

.geo-console-top strong {
    padding: 4px 9px;
    border-radius: 999px;
    color: #0f302f;
    background: #87f2d9;
    font-size: 12px;
}

.geo-wave svg {
    display: block;
    width: 100%;
    height: 92px;
}

.geo-wave path {
    fill: none;
    stroke: #37d5bd;
    stroke-width: 4;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.geo-console-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.geo-console-grid div {
    padding: 10px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.07);
}

.geo-console-grid span,
.geo-device-caption span,
.geo-family-card span {
    display: block;
    color: rgba(255, 255, 255, 0.62);
    font-size: 11px;
}

.geo-console-grid strong {
    display: block;
    margin-top: 4px;
    color: #fff;
    font-size: 16px;
}

.geo-device-card {
    position: absolute;
    right: 116px;
    bottom: 68px;
    width: 330px;
    padding: 18px;
    border: 1px solid rgba(26, 70, 72, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 26px 70px rgba(20, 31, 40, 0.18);
}

.geo-device-card img {
    width: 100%;
    max-height: 250px;
    object-fit: contain;
}

.geo-device-caption strong,
.geo-family-card strong {
    display: block;
    margin-top: 4px;
    color: #15252d;
    font-size: 18px;
}

.geo-device-caption span {
    color: #596872;
}

.geo-family-card {
    position: absolute;
    right: 22px;
    bottom: 0;
    width: 245px;
    padding: 18px;
    border-radius: 8px;
    color: #fff;
    background: #0c5f5a;
    box-shadow: 0 22px 54px rgba(12, 95, 90, 0.25);
}

.geo-family-card p {
    margin: 10px 0 0;
    color: rgba(255, 255, 255, 0.74);
    font-size: 13px;
    line-height: 1.6;
}

.geo-answer-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 22px 26px;
    border-left-width: 0;
}

.geo-answer-box strong {
    flex: 0 0 auto;
    color: #0c5f5a;
    font-size: 22px;
}

.geo-answer-box span {
    color: #41505a;
    line-height: 1.72;
}

.geo-answer-box a {
    flex: 0 0 auto;
    color: #1d4ed8;
    font-weight: 700;
}

.geo-report-mini {
    position: relative;
    height: 92px;
    margin: 16px 0;
    padding: 16px;
    border-radius: 8px;
    background: #101820;
    overflow: hidden;
}

.geo-report-mini i {
    display: block;
    height: 8px;
    margin-bottom: 9px;
    border-radius: 999px;
    background: linear-gradient(90deg, #37d5bd, rgba(55, 213, 189, 0.08));
}

.geo-report-mini i:nth-child(2) {
    width: 72%;
}

.geo-report-mini i:nth-child(3) {
    width: 46%;
}

.geo-report-mini strong {
    display: block;
    margin-top: 10px;
    color: #fff;
    font-size: 13px;
}

.geo-report-mini-phone {
    background: #f4f7fb;
}

.geo-report-mini-phone i {
    background: linear-gradient(90deg, #4f7fe5, rgba(79, 127, 229, 0.12));
}

.geo-report-mini-phone strong,
.geo-report-mini-trend strong {
    color: #18202a;
}

.geo-report-mini-trend {
    background: #eef7f4;
}

.geo-report-mini-trend i {
    background: linear-gradient(90deg, #0c5f5a, rgba(12, 95, 90, 0.1));
}

.use-hero {
    position: relative;
    min-height: 720px;
    padding: 92px 0 72px;
    color: #101820;
    background: #eef4f2;
    overflow: hidden;
}

.use-hero-bg {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(90deg, rgba(247, 249, 247, 0.96) 0%, rgba(247, 249, 247, 0.82) 42%, rgba(247, 249, 247, 0.38) 100%), url("../../Static/img/isokang-ambient-hero-bg.png");
    background-size: cover;
    background-position: center;
}

.use-hero-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.75fr);
    gap: 58px;
    align-items: center;
}

.use-hero-copy h1 {
    margin: 0;
    max-width: 760px;
    color: #111b22;
    font-size: 58px;
    line-height: 1.1;
    letter-spacing: 0;
}

.use-hero-copy p {
    margin: 22px 0 0;
    max-width: 650px;
    color: #43505a;
    font-size: 19px;
    line-height: 1.82;
}

.use-product-stage {
    position: relative;
    justify-self: end;
    width: min(450px, 100%);
    padding: 18px;
    border: 1px solid rgba(26, 70, 72, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 34px 88px rgba(20, 31, 40, 0.2);
}

.use-product-stage img {
    display: block;
    width: 100%;
    max-height: 520px;
    object-fit: cover;
    border-radius: 6px;
}

.use-product-note {
    margin-top: 14px;
}

.use-product-note span {
    display: block;
    color: #66737c;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.use-product-note strong {
    display: block;
    margin-top: 4px;
    color: #132027;
    font-size: 18px;
}

.use-strip {
    padding: 18px 0;
    color: #dff7f5;
    background: #101820;
}

.use-strip-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 26px;
}

.use-strip span {
    font-size: 14px;
    font-weight: 700;
}

.use-step-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 30px;
}

.use-step-grid article,
.use-wear-grid article {
    min-height: 220px;
    padding: 24px 22px;
    border: 1px solid #dbe5ed;
    border-radius: 8px;
    background: #fff;
}

.use-step-grid span {
    color: #0c5f5a;
    font-size: 14px;
    font-weight: 800;
}

.use-step-grid h3,
.use-wear-grid h3 {
    margin: 16px 0 12px;
    color: #18202a;
    font-size: 21px;
    letter-spacing: 0;
}

.use-step-grid p,
.use-wear-grid p {
    color: #586675;
    font-size: 15px;
    line-height: 1.78;
}

.use-dark {
    color: #fff;
    background: #101820;
}

.use-dark h2,
.use-dark .index_title {
    color: #fff;
}

.use-dark p {
    color: rgba(255, 255, 255, 0.74);
    font-size: 17px;
    line-height: 1.82;
}

.use-two-col {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 430px;
    gap: 56px;
    align-items: center;
}

.use-two-col h2 {
    margin: 0;
    max-width: 680px;
    font-size: 42px;
    line-height: 1.22;
    letter-spacing: 0;
}

.use-vital-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.use-vital-grid span {
    padding: 9px 12px;
    border: 1px solid rgba(135, 242, 217, 0.24);
    border-radius: 999px;
    color: #d9f8f2;
    background: rgba(255, 255, 255, 0.06);
    font-size: 14px;
}

.use-phone-frame {
    max-height: 620px;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 26px 70px rgba(0, 0, 0, 0.28);
}

.use-phone-frame img,
.use-photo-stack img,
.use-terminal-panel img {
    display: block;
    width: 100%;
}

.use-two-col-reverse {
    grid-template-columns: 500px minmax(0, 1fr);
}

.use-photo-stack {
    display: grid;
    gap: 14px;
}

.use-photo-stack img {
    border-radius: 8px;
    box-shadow: 0 18px 48px rgba(20, 31, 40, 0.13);
}

.use-terminal-panel {
    display: grid;
    grid-template-columns: 420px minmax(0, 1fr);
    gap: 36px;
    align-items: center;
    margin-top: 30px;
    padding: 24px;
    border: 1px solid #dbe5ed;
    border-radius: 8px;
    background: #fff;
}

.use-terminal-panel img {
    max-height: 620px;
    object-fit: cover;
    object-position: top;
    border-radius: 6px;
}

.use-terminal-copy h3 {
    margin: 0 0 14px;
    color: #18202a;
    font-size: 28px;
    line-height: 1.35;
    letter-spacing: 0;
}

.use-terminal-copy p {
    color: #586675;
    font-size: 16px;
    line-height: 1.82;
}

.use-wear-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 30px;
}

@media (max-width: 991px) {
    .geo-hero h1,
    .use-hero-copy h1 {
        font-size: 40px;
    }

    .geo-hero-inner,
    .use-hero-inner,
    .use-two-col,
    .use-two-col-reverse,
    .use-terminal-panel {
        display: block;
    }

    .geo-device-stage,
    .use-product-stage,
    .use-phone-frame,
    .use-photo-stack,
    .use-terminal-panel img {
        margin-top: 28px;
    }

    .geo-device-card,
    .geo-live-console,
    .geo-family-card {
        position: static;
        width: 100%;
        margin-top: 14px;
    }

    .geo-hero-stats,
    .use-step-grid,
    .use-wear-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .geo-answer-box {
        display: block;
    }

    .geo-answer-box span,
    .geo-answer-box a {
        display: block;
        margin-top: 10px;
    }
}

@media (max-width: 560px) {
    .geo-hero,
    .use-hero {
        min-height: auto;
        padding: 58px 0 44px;
    }

    .geo-hero h1,
    .use-hero-copy h1 {
        font-size: 32px;
    }

    .geo-hero-stats,
    .use-step-grid,
    .use-wear-grid {
        grid-template-columns: 1fr;
    }

    .use-product-stage {
        width: 100%;
    }
}

.use-real-hero {
    padding: 92px 0 72px;
    overflow: hidden;
    color: #101820;
    background:
        radial-gradient(circle at 78% 18%, rgba(196, 224, 215, 0.72), transparent 34%),
        radial-gradient(circle at 18% 86%, rgba(219, 228, 234, 0.86), transparent 38%),
        #eef3f0;
}

.use-real-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.86fr) minmax(520px, 1.14fr);
    gap: 54px;
    align-items: center;
}

.container.use-real-hero-grid:before,
.container.use-real-hero-grid:after,
.container.use-real-two:before,
.container.use-real-two:after,
.container.use-real-strip-inner:before,
.container.use-real-strip-inner:after {
    display: none;
    content: none;
}

.use-real-hero-copy h1 {
    margin: 0;
    max-width: 720px;
    color: #101820;
    font-size: 64px;
    line-height: 1.08;
    letter-spacing: 0;
}

.use-real-hero-copy p {
    margin: 22px 0 0;
    max-width: 650px;
    color: #3f4b51;
    font-size: 19px;
    line-height: 1.82;
}

.use-real-hero-media {
    position: relative;
    min-height: 0;
}

.use-screen-card,
.use-device-card,
.use-real-ui-frame,
.use-product-real-card,
.use-scenario-real-grid article {
    margin: 0;
}

.use-screen-card {
    overflow: hidden;
    border: 1px solid rgba(25, 45, 50, 0.16);
    border-radius: 8px;
    background: #0a1012;
    box-shadow: 0 32px 80px rgba(22, 34, 40, 0.18);
}

.use-screen-card img,
.use-real-ui-frame img,
.use-scenario-real-grid img,
.use-real-photo-pair img {
    display: block;
    width: 100%;
}

.use-device-card {
    width: min(360px, 62%);
    margin: 16px 0 0 auto;
    padding: 10px;
    border: 1px solid rgba(25, 45, 50, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 24px 62px rgba(22, 34, 40, 0.18);
}

.use-device-card img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 6px;
}

.use-real-strip {
    padding: 18px 0;
    background: #101820;
}

.use-real-strip-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 14px;
}

.use-real-strip span {
    padding: 7px 11px;
    border: 1px solid rgba(201, 234, 225, 0.22);
    border-radius: 999px;
    color: #dff4ef;
    font-size: 13px;
    font-weight: 700;
}

.use-real-section {
    background: #fff;
}

.use-real-two {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(520px, 1.1fr);
    gap: 52px;
    align-items: center;
}

.use-real-copy h2 {
    margin: 0;
    color: #182229;
    font-size: 42px;
    line-height: 1.22;
    letter-spacing: 0;
}

.use-real-copy p {
    margin: 18px 0 0;
    color: #59666e;
    font-size: 17px;
    line-height: 1.84;
}

.use-real-ui-frame {
    overflow: hidden;
    border: 1px solid #dbe5e2;
    border-radius: 8px;
    background: #050809;
    box-shadow: 0 22px 58px rgba(18, 34, 38, 0.12);
}

.use-signal-board {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.use-signal-board article {
    min-height: 116px;
    padding: 18px;
    border: 1px solid #dbe6e2;
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(241, 247, 244, 0.92)),
        #fff;
}

.use-signal-board strong {
    display: block;
    color: #0c5f5a;
    font-size: 18px;
    line-height: 1.2;
}

.use-signal-board span {
    display: block;
    margin-top: 12px;
    color: #4f5e65;
    font-size: 15px;
    line-height: 1.5;
}

.use-real-soft {
    background: #f5f7f4;
}

.use-product-real-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 34px;
}

.use-product-real-card {
    overflow: hidden;
    border: 1px solid #dfe8e4;
    border-radius: 8px;
    background: #fff;
}

.use-product-real-card img {
    display: block;
    width: 100%;
    height: 300px;
    object-fit: contain;
    object-position: center;
    background: #eef3f0;
}

.use-product-real-card:first-child img {
    object-position: center;
}

.use-product-real-card div,
.use-scenario-real-grid article {
    padding: 22px;
}

.use-product-real-card h3,
.use-scenario-real-grid h3 {
    margin: 0 0 10px;
    color: #172229;
    font-size: 21px;
    line-height: 1.35;
    letter-spacing: 0;
}

.use-product-real-card p,
.use-scenario-real-grid p {
    margin: 0;
    color: #5d6a71;
    font-size: 15px;
    line-height: 1.76;
}

.use-product-composition {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(340px, 0.65fr);
    gap: 20px;
    margin-top: 34px;
    align-items: stretch;
}

.use-product-system-card,
.use-placement-rule-card,
.use-patch-detail-card {
    overflow: hidden;
    border: 1px solid #dfe8e4;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(20, 34, 38, 0.08);
}

.use-product-system-card img {
    display: block;
    width: 100%;
    height: 430px;
    object-fit: cover;
    background: #0b171a;
}

.use-product-system-copy {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    padding: 26px;
    align-items: end;
}

.use-product-system-copy h3,
.use-placement-rule-card h3,
.use-patch-detail-card h3 {
    margin: 0 0 10px;
    color: #172229;
    font-size: 22px;
    line-height: 1.35;
    letter-spacing: 0;
}

.use-product-system-copy p,
.use-placement-rule-card p,
.use-patch-detail-card p {
    margin: 0;
    color: #5d6a71;
    font-size: 15px;
    line-height: 1.76;
}

.use-product-evidence-tags {
    display: grid;
    gap: 8px;
    min-width: 126px;
}

.use-product-evidence-tags span {
    display: block;
    padding: 9px 12px;
    border: 1px solid #d8e6e1;
    border-radius: 999px;
    color: #0c5f5a;
    background: #f3f8f6;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
}

.use-product-side {
    display: grid;
    grid-template-rows: 1fr auto;
    gap: 20px;
}

.use-placement-rule-card {
    padding: 26px;
}

.use-placement-steps {
    display: grid;
    gap: 10px;
    padding: 0;
    margin: 22px 0 0;
    list-style: none;
}

.use-placement-steps li {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 54px;
    padding: 10px 12px;
    border: 1px solid #dce8e4;
    border-radius: 8px;
    background: #f5f8f6;
}

.use-placement-steps span {
    color: #0c5f5a;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
}

.use-placement-steps strong {
    color: #243037;
    font-size: 16px;
    line-height: 1.35;
}

.use-patch-detail-card img {
    display: block;
    width: 100%;
    height: 214px;
    object-fit: cover;
    object-position: 55% 50%;
    background: #edf3f0;
}

.use-patch-detail-card div {
    padding: 22px;
}

.use-scenario-real-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 34px;
}

.use-scenario-real-grid article {
    overflow: hidden;
    border: 1px solid #dfe8e4;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(20, 34, 38, 0.08);
}

.use-scenario-real-grid img {
    height: 230px;
    object-fit: cover;
    margin: -22px -22px 20px;
    width: calc(100% + 44px);
    max-width: none;
}

.use-real-dark {
    color: #fff;
    background: #101820;
}

.use-real-dark .use-real-two {
    grid-template-columns: minmax(520px, 1.08fr) minmax(0, 0.92fr);
}

.use-real-dark h2 {
    color: #fff;
}

.use-real-dark p,
.use-real-dark .geo-list li {
    color: rgba(255, 255, 255, 0.76);
}

.use-real-photo-pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin: 0;
}

.use-real-photo-pair img {
    height: 390px;
    object-fit: cover;
    border-radius: 8px;
}

.use-service-flow {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 34px;
}

.use-service-flow article {
    min-height: 190px;
    padding: 24px;
    border: 1px solid rgba(201, 234, 225, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
}

.use-service-flow span {
    display: block;
    color: #8be1d2;
    font-size: 13px;
    font-weight: 800;
}

.use-service-flow strong {
    display: block;
    margin-top: 16px;
    color: #fff;
    font-size: 22px;
}

.use-service-flow p {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 15px;
    line-height: 1.72;
}

@media (max-width: 991px) {
    .use-real-hero-grid,
    .use-real-two,
    .use-real-dark .use-real-two {
        display: block;
    }

    .use-real-hero-copy h1 {
        font-size: 44px;
    }

    .use-real-hero-media,
    .use-real-ui-frame,
    .use-real-photo-pair {
        margin-top: 30px;
    }

    .use-device-card {
        width: 72%;
        margin: 14px 0 0 auto;
    }

    .use-product-real-grid,
    .use-product-composition,
    .use-scenario-real-grid,
    .use-service-flow {
        grid-template-columns: 1fr;
    }

    .use-product-system-copy {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .use-product-evidence-tags {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .use-signal-board {
        grid-template-columns: 1fr;
        margin-top: 28px;
    }

    .use-product-real-card img,
    .use-product-system-card img,
    .use-scenario-real-grid img {
        height: auto;
        max-height: 420px;
    }
}

@media (max-width: 560px) {
    .use-real-hero {
        padding: 58px 0 46px;
    }

    .use-real-hero-copy h1 {
        font-size: 34px;
    }

    .use-real-copy h2 {
        font-size: 30px;
    }

    .use-real-photo-pair {
        grid-template-columns: 1fr;
    }

    .use-real-photo-pair img {
        height: auto;
    }

    .use-product-evidence-tags {
        grid-template-columns: 1fr;
    }
}

/* ISOKANG premium /Use redesign */
.geo-page .navbar {
    margin-bottom: 0;
    border: 0;
    box-shadow: 0 1px 0 rgba(18, 32, 36, 0.08);
}

.yk-hero,
.yk-why,
.yk-origin,
.yk-oulu-section,
.yk-vitals,
.yk-wear,
.yk-care,
.yk-platform {
    position: relative;
}

.yk-hero {
    min-height: 74vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    color: #fff;
    background: #061012;
}

.yk-hero-bg,
.yk-hero-shade {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.yk-hero-bg {
    object-fit: cover;
    object-position: center;
}

.yk-hero-shade {
    background:
        linear-gradient(90deg, rgba(3, 9, 11, 0.92), rgba(3, 9, 11, 0.62) 46%, rgba(3, 9, 11, 0.26)),
        linear-gradient(0deg, rgba(3, 9, 11, 0.58), rgba(3, 9, 11, 0.04) 54%);
}

.yk-hero-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.55fr);
    gap: 54px;
    align-items: end;
    padding-top: 92px;
    padding-bottom: 78px;
}

.container.yk-hero-inner:before,
.container.yk-hero-inner:after,
.container .yk-why-head:before,
.container .yk-why-head:after,
.container.yk-origin-grid:before,
.container.yk-origin-grid:after,
.container.yk-vitals-grid:before,
.container.yk-vitals-grid:after,
.container.yk-wear-grid:before,
.container.yk-wear-grid:after,
.container.yk-platform-grid:before,
.container.yk-platform-grid:after {
    display: none;
    content: none;
}

.yk-kicker {
    margin: 0 0 18px;
    color: #8bd9cf;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 0;
}

.yk-hero-copy h1,
.yk-origin-copy h2,
.yk-vitals-copy h2,
.yk-wear-copy h2,
.yk-section-head h2,
.yk-platform h2 {
    margin: 0;
    letter-spacing: 0;
}

.yk-hero-copy h1 {
    max-width: 720px;
    color: #fff;
    font-size: 78px;
    line-height: 0.98;
    font-weight: 800;
}

.yk-hero-copy p {
    max-width: 690px;
    margin: 28px 0 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 19px;
    line-height: 1.82;
}

.yk-hero-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 34px;
}

.yk-hero-proof span,
.yk-hero-index span {
    border: 1px solid rgba(203, 237, 229, 0.24);
    color: #e8f7f3;
    background: rgba(255, 255, 255, 0.06);
}

.yk-hero-proof span {
    padding: 10px 14px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
}

.yk-hero-index {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    max-width: 360px;
    margin-left: auto;
}

.yk-hero-index span {
    min-height: 54px;
    display: flex;
    align-items: center;
    padding: 0 16px;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 15px;
    font-weight: 800;
}

.yk-why {
    padding: 94px 0 88px;
    color: #173f3b;
    background:
        linear-gradient(180deg, #f8faf6 0%, #eef6f1 100%);
}

.yk-why-head {
    max-width: 960px;
}

.yk-why-head h2 {
    max-width: 900px;
    margin: 0;
    color: #142321;
    font-size: 44px;
    line-height: 1.18;
    font-weight: 900;
    letter-spacing: 0;
}

.yk-why-head p {
    max-width: 860px;
    margin: 22px 0 0;
    color: #5a6b68;
    font-size: 18px;
    line-height: 1.84;
}

.yk-why-decision {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.66fr) minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
    margin-top: 36px;
}

.yk-decision-lane,
.yk-decision-core,
.yk-why-proof-strip article {
    border-radius: 8px;
    box-shadow: 0 20px 48px rgba(25, 51, 47, 0.08);
}

.yk-decision-lane {
    padding: 28px;
    border: 1px solid rgba(38, 78, 73, 0.14);
    background: rgba(255, 255, 255, 0.92);
}

.yk-decision-muted {
    color: #50635f;
}

.yk-decision-strong {
    color: #ecfffb;
    border-color: rgba(13, 101, 94, 0.28);
    background: linear-gradient(140deg, #0d4b45 0%, #0b756a 100%);
}

.yk-decision-label {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 0 10px;
    border-radius: 999px;
    color: #0c5f5a;
    background: #dff4ef;
    font-size: 12px;
    font-weight: 900;
}

.yk-decision-strong .yk-decision-label {
    color: #0b514a;
    background: #bfeee4;
}

.yk-decision-lane strong {
    display: block;
    margin-top: 18px;
    color: #132b28;
    font-size: 28px;
    font-weight: 900;
    line-height: 1.24;
}

.yk-decision-strong strong {
    color: #fff;
}

.yk-decision-lane p {
    margin: 16px 0 0;
    color: #5d6f6b;
    font-size: 15px;
    line-height: 1.78;
}

.yk-decision-strong p {
    color: rgba(255, 255, 255, 0.78);
}

.yk-decision-lane ul {
    display: grid;
    gap: 10px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.yk-decision-lane li {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-height: 46px;
    padding: 10px;
    border-radius: 8px;
    background: #f4f8f5;
}

.yk-decision-strong li {
    background: rgba(255, 255, 255, 0.1);
}

.yk-decision-lane li span {
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #7a5a24;
    background: #fff2cf;
    font-size: 11px;
    font-weight: 900;
}

.yk-decision-strong li span {
    color: #083b36;
    background: #d7fbf3;
}

.yk-decision-lane li em {
    color: #263b37;
    font-style: normal;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.45;
}

.yk-decision-strong li em {
    color: #f3fffc;
}

.yk-decision-core {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    padding: 28px 22px;
    color: #f7fffd;
    background:
        radial-gradient(circle at 50% 18%, rgba(191, 238, 228, 0.28), transparent 34%),
        linear-gradient(180deg, #112d2a 0%, #0f5c55 100%);
    text-align: center;
}

.yk-decision-core span {
    color: #b9eee4;
    font-size: 13px;
    font-weight: 900;
}

.yk-decision-core strong {
    display: block;
    margin-top: 12px;
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.32;
}

.yk-decision-rings {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 24px;
}

.yk-decision-rings em {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    color: #eafffb;
    background: rgba(255, 255, 255, 0.08);
    font-style: normal;
    font-size: 15px;
    font-weight: 900;
}

.yk-decision-rings em:last-child {
    grid-column: 1 / -1;
}

.yk-why-proof-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.yk-why-proof-strip article {
    min-height: 174px;
    padding: 22px 20px;
    border: 1px solid rgba(38, 78, 73, 0.13);
    background: rgba(255, 255, 255, 0.9);
}

.yk-why-proof-strip span {
    display: inline-flex;
    min-height: 26px;
    align-items: center;
    padding: 0 10px;
    border-radius: 999px;
    color: #0d655e;
    background: #dff4ef;
    font-size: 12px;
    font-weight: 900;
}

.yk-why-proof-strip strong {
    display: block;
    margin-top: 16px;
    color: #122b28;
    font-size: 20px;
    font-weight: 900;
}

.yk-why-proof-strip p {
    margin: 10px 0 0;
    color: #5b6d69;
    font-size: 14px;
    line-height: 1.7;
}

.yk-why-statement {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 24px;
    align-items: center;
    margin-top: 34px;
    padding: 25px 30px;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, #0a423d 0%, #0d655e 100%);
    box-shadow: 0 22px 52px rgba(13, 101, 94, 0.18);
}

.yk-why-statement strong {
    color: #b8eee5;
    font-size: 15px;
    font-weight: 900;
}

.yk-why-statement span {
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.6;
}

.yk-why-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 24px;
}

.yk-why-grid article {
    min-height: 260px;
    padding: 26px 24px;
    border: 1px solid rgba(38, 78, 73, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 18px 40px rgba(26, 50, 46, 0.08);
}

.yk-why-grid span {
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #0b5f58;
    background: #d8f0eb;
    font-size: 13px;
    font-weight: 900;
}

.yk-why-grid strong {
    display: block;
    margin-top: 22px;
    color: #142321;
    font-size: 21px;
    font-weight: 900;
    line-height: 1.28;
}

.yk-why-grid p {
    margin: 14px 0 0;
    color: #5b6d69;
    font-size: 15px;
    line-height: 1.78;
}

.yk-why-single {
    display: grid;
    grid-template-columns: minmax(260px, 0.42fr) minmax(0, 1fr);
    gap: 26px;
    align-items: start;
    margin-top: 22px;
    padding: 28px 30px;
    border: 1px solid rgba(13, 101, 94, 0.22);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(232, 248, 244, 0.96), rgba(255, 255, 255, 0.94));
    box-shadow: 0 18px 44px rgba(24, 47, 43, 0.08);
}

.yk-why-single span {
    display: block;
    color: #0d655e;
    font-size: 13px;
    font-weight: 900;
}

.yk-why-single strong {
    display: block;
    margin-top: 10px;
    color: #122b28;
    font-size: 25px;
    font-weight: 900;
    line-height: 1.34;
}

.yk-why-single p {
    margin: 0;
    color: #526660;
    font-size: 16px;
    line-height: 1.85;
}

.yk-why-hardware {
    display: grid;
    grid-template-columns: minmax(300px, 0.38fr) minmax(0, 1fr);
    gap: 24px;
    align-items: stretch;
    margin-top: 22px;
}

.yk-why-hardware-copy,
.yk-why-chip-grid article {
    border: 1px solid rgba(38, 78, 73, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 18px 40px rgba(26, 50, 46, 0.07);
}

.yk-why-hardware-copy {
    padding: 28px;
}

.yk-why-hardware-copy span {
    color: #0d655e;
    font-size: 13px;
    font-weight: 900;
}

.yk-why-hardware-copy strong {
    display: block;
    margin-top: 14px;
    color: #122b28;
    font-size: 26px;
    font-weight: 900;
    line-height: 1.32;
}

.yk-why-hardware-copy p {
    margin: 18px 0 0;
    color: #526660;
    font-size: 16px;
    line-height: 1.82;
}

.yk-why-chip-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.yk-why-chip-grid article {
    min-height: 190px;
    padding: 20px 18px;
}

.yk-why-chip-grid span {
    display: inline-flex;
    min-height: 26px;
    align-items: center;
    padding: 0 9px;
    border-radius: 999px;
    color: #0b5f58;
    background: #d8f0eb;
    font-size: 11px;
    font-weight: 900;
}

.yk-why-chip-grid strong {
    display: block;
    margin-top: 16px;
    color: #142321;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.26;
}

.yk-why-chip-grid p {
    margin: 12px 0 0;
    color: #5b6d69;
    font-size: 13px;
    line-height: 1.65;
}

.yk-why-compare {
    overflow: hidden;
    margin-top: 28px;
    border: 1px solid rgba(38, 78, 73, 0.16);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 22px 54px rgba(27, 49, 45, 0.08);
}

.yk-why-row {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    border-top: 1px solid rgba(38, 78, 73, 0.12);
}

.yk-why-row:first-child {
    border-top: 0;
}

.yk-why-row span,
.yk-why-row strong {
    display: flex;
    align-items: center;
    min-height: 68px;
    padding: 19px 24px;
    line-height: 1.58;
}

.yk-why-row span {
    color: #60716d;
    background: #fbfcf9;
    font-size: 16px;
    font-weight: 700;
}

.yk-why-row strong {
    border-left: 1px solid rgba(38, 78, 73, 0.12);
    color: #143f3b;
    background: #ffffff;
    font-size: 17px;
    font-weight: 900;
}

.yk-why-row-head span,
.yk-why-row-head strong {
    min-height: 56px;
    color: #dff8f3;
    background: #123b36;
    font-size: 15px;
    font-weight: 900;
}

.yk-why-row-head strong {
    border-left-color: rgba(255, 255, 255, 0.18);
}

.yk-why-boundary {
    margin: 24px 0 0;
    color: #6b7a76;
    font-size: 14px;
    line-height: 1.7;
}

.yk-origin,
.yk-vitals,
.yk-wear,
.yk-care {
    padding: 96px 0;
}

.yk-origin {
    background: #f5f2ed;
}

.yk-origin-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 0.88fr);
    gap: 58px;
    align-items: start;
}

.yk-origin-photo {
    margin: 0;
    overflow: hidden;
    border-radius: 8px;
    background: #1c1714;
    box-shadow: 0 30px 70px rgba(32, 24, 18, 0.2);
}

.yk-origin-photo img {
    display: block;
    width: 100%;
    height: 520px;
    object-fit: contain;
    object-position: center;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(238, 244, 240, 0.9)),
        #f1f4f0;
}

.yk-origin-copy h2,
.yk-vitals-copy h2,
.yk-wear-copy h2,
.yk-section-head h2,
.yk-platform h2 {
    color: #162126;
    font-size: 44px;
    line-height: 1.18;
    font-weight: 800;
}

.yk-origin-copy p,
.yk-vitals-copy p,
.yk-wear-copy p,
.yk-platform p {
    margin: 20px 0 0;
    color: #56636a;
    font-size: 17px;
    line-height: 1.84;
}

.yk-origin-facts {
    display: grid;
    gap: 14px;
    margin-top: 34px;
}

.yk-origin-facts article {
    display: grid;
    grid-template-columns: 106px minmax(0, 1fr);
    gap: 16px;
    padding: 18px 0;
    border-top: 1px solid rgba(24, 44, 46, 0.14);
}

.yk-origin-facts strong {
    color: #111b20;
    font-size: 16px;
}

.yk-origin-facts span {
    color: #5d676d;
    font-size: 15px;
    line-height: 1.65;
}

.yk-vitals {
    color: #fff;
    background: #0b1518;
}

.yk-vitals-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(520px, 1.08fr);
    gap: 62px;
    align-items: start;
}

.yk-vitals-copy {
    position: sticky;
    top: 90px;
}

.yk-vitals-copy h2,
.yk-vitals-copy p {
    color: #fff;
}

.yk-vitals-copy p {
    color: rgba(255, 255, 255, 0.74);
}

.yk-indicator-rationale {
    margin-top: 24px;
    padding: 22px 24px;
    border: 1px solid rgba(139, 217, 207, 0.2);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.07);
}

.yk-indicator-rationale strong {
    display: block;
    margin-bottom: 8px;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
}

.yk-indicator-rationale p {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 16px;
    line-height: 1.85;
}

.yk-signal-stack {
    display: grid;
    gap: 14px;
}

.yk-signal-stack article {
    display: grid;
    grid-template-columns: 56px minmax(0, 210px) minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    min-height: 94px;
    padding: 22px;
    border: 1px solid rgba(191, 225, 218, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.035)),
        #101e22;
}

.yk-signal-stack span {
    color: #8bd9cf;
    font-size: 13px;
    font-weight: 900;
}

.yk-signal-stack strong {
    color: #fff;
    font-size: 20px;
    line-height: 1.3;
}

.yk-signal-stack em {
    color: rgba(255, 255, 255, 0.66);
    font-size: 15px;
    font-style: normal;
    line-height: 1.62;
}

.yk-indicator-map {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.yk-indicator-map article {
    padding: 18px;
    border: 1px solid rgba(191, 225, 218, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
}

.yk-indicator-map strong {
    display: block;
    color: #fff;
    font-size: 17px;
    font-weight: 900;
}

.yk-indicator-map p {
    margin: 8px 0 0;
    color: rgba(255, 255, 255, 0.64);
    font-size: 14px;
    line-height: 1.75;
}

.yk-research-evidence {
    margin-top: 18px;
    padding: 16px;
    border: 1px solid rgba(191, 225, 218, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
}

.yk-research-evidence-clean {
    padding: 20px;
    background:
        linear-gradient(135deg, rgba(156, 225, 215, 0.11), rgba(255, 255, 255, 0.045)),
        rgba(255, 255, 255, 0.055);
}

.yk-research-evidence-clean > span {
    display: block;
    color: #9ce1d7;
    font-size: 12px;
    font-weight: 900;
}

.yk-research-evidence-clean > strong {
    display: block;
    margin-top: 8px;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.42;
}

.yk-research-points {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
}

.yk-research-points article {
    min-height: 150px;
    padding: 15px;
    border: 1px solid rgba(191, 225, 218, 0.14);
    border-radius: 8px;
    background: rgba(10, 28, 25, 0.42);
}

.yk-research-points em {
    display: block;
    color: #9ce1d7;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
}

.yk-research-points b {
    display: block;
    margin-top: 10px;
    color: #fff;
    font-size: 17px;
}

.yk-research-points p {
    margin: 8px 0 0;
    color: rgba(255, 255, 255, 0.66);
    font-size: 13px;
    line-height: 1.68;
}

.yk-research-evidence figure {
    margin: 0;
}

.yk-research-evidence img {
    display: block;
    width: 100%;
    max-height: 360px;
    object-fit: contain;
    border-radius: 6px;
    background: #fff;
}

.yk-research-evidence figcaption {
    margin-top: 12px;
    color: rgba(255, 255, 255, 0.66);
    font-size: 13px;
    line-height: 1.7;
}

.yk-research-evidence a {
    display: inline-block;
    margin-top: 14px;
    color: #9ce1d7;
    font-weight: 900;
}

.yk-research-evidence-clean a {
    margin-top: 16px;
}

.yk-wear {
    background: #fff;
}

.yk-wear-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(520px, 1.18fr);
    gap: 58px;
    align-items: center;
}

.yk-wear-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 34px;
}

.yk-wear-steps div {
    min-height: 108px;
    padding: 18px;
    border: 1px solid #dce8e4;
    border-radius: 8px;
    background: #f5f8f6;
}

.yk-wear-steps span {
    display: block;
    color: #0d655e;
    font-size: 13px;
    font-weight: 900;
}

.yk-wear-steps strong {
    display: block;
    margin-top: 22px;
    color: #19242a;
    font-size: 17px;
    line-height: 1.35;
}

.yk-material-photo {
    margin: 0;
    overflow: hidden;
    border-radius: 8px;
    background: #ebece6;
    box-shadow: 0 28px 62px rgba(24, 38, 42, 0.12);
}

.yk-material-photo img {
    display: block;
    width: 100%;
    height: 470px;
    object-fit: contain;
    object-position: center;
    background: #eef3ef;
}

.yk-care {
    background: #f4f7f5;
}

.yk-section-head {
    max-width: 820px;
}

.yk-section-head .yk-kicker {
    color: #0d655e;
}

.yk-care-list {
    display: grid;
    gap: 22px;
    margin-top: 42px;
}

.yk-care-list article {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.72fr);
    gap: 0;
    overflow: hidden;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(20, 34, 38, 0.08);
}

.yk-care-list article:nth-child(even) img {
    order: 2;
}

.yk-care-list img {
    display: block;
    width: 100%;
    height: 360px;
    object-fit: contain;
    object-position: center;
    background: #edf3ef;
}

.yk-care-list div {
    display: flex;
    min-height: 360px;
    flex-direction: column;
    justify-content: center;
    padding: 44px;
}

.yk-care-list span {
    color: #0d655e;
    font-size: 13px;
    font-weight: 900;
}

.yk-care-list h3 {
    margin: 16px 0 0;
    color: #172229;
    font-size: 30px;
    line-height: 1.22;
}

.yk-care-list p {
    margin: 18px 0 0;
    color: #5a666d;
    font-size: 16px;
    line-height: 1.78;
}

.yk-platform {
    padding: 96px 0 110px;
    color: #fff;
    background: #111b20;
}

.yk-platform-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(540px, 1.18fr);
    gap: 62px;
    align-items: start;
}

.yk-platform h2 {
    color: #fff;
}

.yk-platform p {
    color: rgba(255, 255, 255, 0.72);
}

.yk-platform-flow {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.yk-platform-flow article {
    min-height: 256px;
    padding: 26px;
    border: 1px solid rgba(202, 235, 228, 0.16);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.055);
}

.yk-platform-flow span {
    color: #8bd9cf;
    font-size: 13px;
    font-weight: 900;
}

.yk-platform-flow strong {
    display: block;
    margin-top: 38px;
    color: #fff;
    font-size: 24px;
    line-height: 1.3;
}

.yk-platform-flow p {
    margin-top: 16px;
    color: rgba(255, 255, 255, 0.68);
    font-size: 15px;
    line-height: 1.7;
}

@media (max-width: 1199px) {
    .yk-hero-copy h1 {
        font-size: 66px;
    }

    .yk-origin-grid,
    .yk-why-decision,
    .yk-why-hardware,
    .yk-vitals-grid,
    .yk-wear-grid,
    .yk-platform-grid {
        grid-template-columns: 1fr;
    }

    .yk-vitals-copy {
        position: static;
    }

    .yk-platform-flow {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .yk-why-proof-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .yk-origin-photo {
        position: sticky;
        top: 104px;
        align-self: start;
    }
}

@media (max-width: 991px) {
    .yk-hero {
        min-height: 70vh;
    }

    .yk-hero-inner {
        grid-template-columns: 1fr;
        gap: 32px;
        padding-top: 76px;
        padding-bottom: 58px;
    }

    .yk-hero-index {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-width: none;
        margin-left: 0;
    }

    .yk-origin,
    .yk-why,
    .yk-vitals,
    .yk-wear,
    .yk-care {
        padding: 74px 0;
    }

    .yk-why-head h2 {
        font-size: 36px;
    }

    .yk-why-statement,
    .yk-why-single {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .yk-why-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .yk-why-chip-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .yk-decision-core {
        min-height: 280px;
    }

    .yk-origin-photo img,
    .yk-material-photo img {
        height: auto;
    }

    .yk-signal-stack article {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .yk-signal-stack em {
        grid-column: 2;
    }

    .yk-care-list article,
    .yk-care-list article:nth-child(even) img {
        display: block;
        order: 0;
    }

    .yk-care-list img {
        height: auto;
    }

    .yk-care-list div {
        min-height: 0;
        padding: 30px;
    }

    .yk-platform-flow {
        grid-template-columns: 1fr;
    }

    .yk-platform-flow article {
        min-height: 0;
    }
}

@media (max-width: 560px) {
    .yk-hero-copy h1 {
        font-size: 46px;
    }

    .yk-hero-copy p,
    .yk-why-head p,
    .yk-origin-copy p,
    .yk-vitals-copy p,
    .yk-wear-copy p,
    .yk-platform p {
        font-size: 16px;
    }

    .yk-origin-copy h2,
    .yk-why-head h2,
    .yk-vitals-copy h2,
    .yk-wear-copy h2,
    .yk-section-head h2,
    .yk-platform h2 {
        font-size: 32px;
    }

    .yk-hero-proof,
    .yk-hero-index,
    .yk-wear-steps {
        grid-template-columns: 1fr;
    }

    .yk-hero-index {
        display: none;
    }

    .yk-origin-facts article {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .yk-why-statement {
        padding: 22px 20px;
    }

    .yk-why-statement span,
    .yk-why-single strong {
        font-size: 18px;
    }

    .yk-why-grid,
    .yk-why-chip-grid,
    .yk-why-proof-strip,
    .yk-decision-rings {
        grid-template-columns: 1fr;
    }

    .yk-why-grid article,
    .yk-why-chip-grid article,
    .yk-why-proof-strip article {
        min-height: 0;
    }

    .yk-decision-lane,
    .yk-decision-core {
        padding: 22px 20px;
    }

    .yk-decision-lane strong {
        font-size: 23px;
    }

    .yk-decision-core strong {
        font-size: 21px;
    }

    .yk-decision-rings em:last-child {
        grid-column: auto;
    }

    .yk-why-row {
        grid-template-columns: 1fr;
    }

    .yk-why-row strong {
        border-top: 1px solid rgba(38, 78, 73, 0.1);
        border-left: 0;
    }

    .yk-why-row span,
    .yk-why-row strong {
        min-height: 0;
        padding: 16px 18px;
    }

    .yk-wear-steps {
        display: grid;
    }

    .yk-care-list h3 {
        font-size: 24px;
    }
}

/* Light home-care hero override */
.yk-hero {
    min-height: clamp(560px, 68vh, 680px);
    color: #132228;
    background:
        linear-gradient(90deg, #f8faf6 0%, #f2f7f3 44%, #eef5f2 100%);
}

.yk-hero-bg {
    object-fit: contain;
    object-position: center;
    background:
        linear-gradient(90deg, #f8faf6 0%, #f3f7f2 42%, #edf5f1 100%);
}

.yk-hero-shade {
    background:
        linear-gradient(90deg, rgba(248, 250, 246, 0.98), rgba(248, 250, 246, 0.88) 32%, rgba(248, 250, 246, 0.28) 58%, rgba(248, 250, 246, 0.02) 76%),
        linear-gradient(0deg, rgba(248, 250, 246, 0.28), rgba(248, 250, 246, 0) 35%);
}

.yk-hero-inner {
    grid-template-columns: minmax(0, 0.78fr) minmax(360px, 0.72fr);
    align-items: center;
    padding-top: 88px;
    padding-bottom: 74px;
}

.yk-hero .yk-kicker {
    color: #0d655e;
}

.yk-hero-copy h1 {
    max-width: 620px;
    color: #132228;
    font-size: 72px;
    line-height: 0.98;
}

.yk-hero-copy p {
    max-width: 600px;
    color: #3f4f55;
}

.yk-hero-proof span {
    border-color: rgba(13, 101, 94, 0.18);
    color: #0d655e;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 8px 28px rgba(34, 46, 48, 0.06);
}

@media (max-width: 991px) {
    .yk-hero {
        min-height: 720px;
    }

    .yk-hero-inner {
        display: block;
        grid-template-columns: 1fr;
        padding-top: 72px;
        padding-bottom: 58px;
    }

    .yk-hero-copy {
        width: min(420px, 100%);
    }

    .yk-hero-shade {
        background:
            linear-gradient(90deg, rgba(248, 250, 246, 0.98), rgba(248, 250, 246, 0.9) 48%, rgba(248, 250, 246, 0.22) 100%),
            linear-gradient(180deg, rgba(248, 250, 246, 0.92), rgba(248, 250, 246, 0.36) 64%, rgba(248, 250, 246, 0.06) 100%);
    }

    .yk-hero-bg {
        object-fit: cover;
        object-position: 58% center;
    }

    .yk-hero-copy h1 {
        font-size: 52px;
        max-width: 360px;
        word-break: keep-all;
        overflow-wrap: normal;
    }

    .yk-hero-copy p {
        max-width: 390px;
    }

    .yk-hero-proof {
        max-width: 390px;
    }
}

@media (max-width: 560px) {
    .yk-hero {
        min-height: 760px;
    }

    .yk-hero-inner {
        padding-top: 58px;
        padding-bottom: 46px;
    }

    .yk-hero-copy {
        width: min(330px, 100%);
    }

    .yk-hero-copy h1 {
        max-width: 300px;
        font-size: 44px;
        line-height: 1.05;
    }

    .yk-hero-copy p {
        max-width: 310px;
        line-height: 1.7;
    }

    .yk-hero-proof {
        display: grid;
        grid-template-columns: 1fr;
        max-width: 300px;
    }
}

/* Typography and color refinement */
.geo-page,
.yk-hero,
.yk-why,
.yk-origin,
.yk-oulu-section,
.yk-vitals,
.yk-wear,
.yk-care,
.yk-platform {
    font-family: "PingFang SC", "HarmonyOS Sans SC", "Noto Sans SC", "Microsoft YaHei", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}

.yk-hero {
    color: #28514d;
}

.yk-hero .yk-kicker {
    color: #40766f;
    font-size: 14px;
    font-weight: 700;
}

.yk-hero-copy h1 {
    max-width: 600px;
    color: #1b6b64;
    font-size: 66px;
    font-weight: 700;
    line-height: 1.06;
}

.yk-hero-copy p {
    color: #4b625e;
    font-size: 18px;
    line-height: 1.78;
}

.yk-hero-proof span {
    color: #1d6f67;
    font-weight: 700;
}

.yk-origin-copy h2,
.yk-wear-copy h2,
.yk-section-head h2,
.yk-platform h2 {
    color: #1c403d;
    font-weight: 700;
}

.yk-origin-copy p,
.yk-wear-copy p,
.yk-care-list p,
.yk-platform p {
    color: #596b66;
}

@media (max-width: 991px) {
    .yk-hero-copy h1 {
        max-width: 350px;
        font-size: 48px;
        line-height: 1.08;
    }
}

@media (max-width: 560px) {
    .yk-hero-copy h1 {
        max-width: 280px;
        font-size: 40px;
        line-height: 1.12;
    }

    .yk-hero-copy p {
        font-size: 15px;
        line-height: 1.72;
    }
}

/* Public algorithm validation proof */
.yk-algorithm-proof {
    padding: 96px 0;
    background:
        linear-gradient(135deg, rgba(239, 246, 243, 0.96), rgba(250, 251, 247, 0.98)),
        #f2f6f2;
}

.yk-proof-hero {
    display: grid;
    grid-template-columns: minmax(0, 0.98fr) minmax(440px, 1.02fr);
    gap: 34px;
    align-items: stretch;
}

.yk-proof-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 430px;
    padding: 42px 0;
}

.yk-proof-copy h2 {
    max-width: 780px;
    margin: 0;
    color: #163c39;
    font-size: 44px;
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: 0;
}

.yk-proof-copy p:not(.yk-kicker) {
    max-width: 790px;
    margin: 20px 0 0;
    color: #536862;
    font-size: 17px;
    line-height: 1.84;
}

.yk-proof-scoreboard {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.yk-proof-scoreboard article {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 206px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    background: #0d2524;
    box-shadow: 0 18px 42px rgba(17, 43, 40, 0.12);
}

.yk-proof-scoreboard article:nth-child(2) {
    background: #17342f;
}

.yk-proof-scoreboard article:nth-child(3) {
    background: #14293f;
}

.yk-proof-scoreboard article:nth-child(4) {
    background: #342819;
}

.yk-proof-scoreboard span {
    color: rgba(221, 243, 238, 0.78);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.yk-proof-scoreboard strong {
    display: block;
    margin-top: 34px;
    color: #fff;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.yk-proof-scoreboard em {
    display: block;
    margin-top: 18px;
    color: rgba(255, 255, 255, 0.66);
    font-size: 14px;
    font-style: normal;
    line-height: 1.55;
}

.yk-proof-process {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 28px;
}

.yk-proof-process article {
    min-height: 202px;
    padding: 24px;
    border: 1px solid rgba(29, 111, 103, 0.13);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 16px 38px rgba(24, 48, 44, 0.06);
}

.yk-proof-process span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #0f766e;
    background: #d8f1ec;
    font-size: 12px;
    font-weight: 900;
}

.yk-proof-process strong {
    display: block;
    margin-top: 22px;
    color: #1c403d;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.35;
}

.yk-proof-process p {
    margin: 14px 0 0;
    color: #5d706b;
    font-size: 14px;
    line-height: 1.7;
}

.yk-proof-details {
    margin-top: 20px;
    border: 1px solid rgba(29, 111, 103, 0.16);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 16px 38px rgba(24, 48, 44, 0.05);
}

.yk-proof-details summary {
    cursor: pointer;
    padding: 22px 24px;
    color: #173f3a;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.45;
    list-style-position: inside;
}

.yk-proof-table {
    padding: 0 24px 24px;
}

.yk-proof-table div {
    display: grid;
    grid-template-columns: minmax(180px, 0.9fr) minmax(210px, 1fr) minmax(260px, 1.12fr);
    gap: 18px;
    padding: 16px 0;
    border-top: 1px solid rgba(29, 111, 103, 0.12);
}

.yk-proof-table strong,
.yk-proof-table span,
.yk-proof-table em {
    font-size: 14px;
    line-height: 1.62;
}

.yk-proof-table strong {
    color: #1c403d;
    font-weight: 900;
}

.yk-proof-table span {
    color: #5b6e68;
}

.yk-proof-table em {
    color: #0f766e;
    font-style: normal;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.yk-proof-boundary {
    max-width: 1020px;
    margin: 24px 0 0;
    padding-left: 18px;
    border-left: 4px solid #1d8d83;
    color: #566a65;
    font-size: 15px;
    line-height: 1.78;
}

/* Report-backed multi-signal fusion evidence */
.yk-report-fusion {
    padding: 92px 0 96px;
    background: #f7faf7;
}

.yk-report-head {
    max-width: 900px;
}

.yk-report-head h2 {
    margin: 0;
    color: #1c403d;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: 0;
}

.yk-report-head p:not(.yk-kicker) {
    margin: 20px 0 0;
    color: #596b66;
    font-size: 17px;
    line-height: 1.84;
}

.yk-report-board {
    display: grid;
    grid-template-columns: minmax(320px, 0.62fr) minmax(0, 1.38fr);
    gap: 24px;
    align-items: stretch;
    margin-top: 42px;
}

.yk-report-summary,
.yk-report-image,
.yk-report-evidence figure,
.yk-fusion-logic article {
    border: 1px solid rgba(54, 96, 89, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 18px 46px rgba(24, 48, 44, 0.07);
}

.yk-report-summary {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 34px;
}

.yk-report-summary span {
    color: #1d6f67;
    font-size: 13px;
    font-weight: 900;
}

.yk-report-summary h3 {
    margin: 18px 0 0;
    color: #1c403d;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.24;
    letter-spacing: 0;
}

.yk-report-summary p {
    margin: 22px 0 0;
    color: #5c6d68;
    font-size: 15px;
    line-height: 1.76;
}

.yk-report-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 28px;
}

.yk-report-metrics article {
    min-height: 94px;
    padding: 16px;
    border: 1px solid rgba(29, 111, 103, 0.13);
    border-radius: 8px;
    background: #f2f7f4;
}

.yk-report-metrics strong {
    display: block;
    color: #0f766e;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.1;
}

.yk-report-metrics em {
    display: block;
    margin-top: 10px;
    color: #65746f;
    font-size: 13px;
    font-style: normal;
    line-height: 1.45;
}

.yk-report-image {
    margin: 0;
    overflow: hidden;
}

.yk-report-image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 520px;
    object-fit: cover;
    object-position: center top;
}

.yk-report-image figcaption,
.yk-report-evidence figcaption {
    color: #596b66;
    font-size: 13px;
    line-height: 1.55;
}

.yk-report-image figcaption {
    padding: 14px 18px 18px;
    border-top: 1px solid rgba(54, 96, 89, 0.1);
    background: #fff;
}

.yk-report-evidence {
    display: grid;
    grid-template-columns: 1fr 0.78fr 1fr;
    gap: 18px;
    margin-top: 18px;
}

.yk-report-evidence figure {
    margin: 0;
    overflow: hidden;
}

.yk-report-evidence img {
    display: block;
    width: 100%;
    height: 230px;
    object-fit: cover;
    object-position: center;
    background: #fff;
}

.yk-report-evidence figure:nth-child(2) img {
    object-fit: contain;
    padding: 10px;
}

.yk-report-evidence figcaption {
    padding: 12px 16px 16px;
    border-top: 1px solid rgba(54, 96, 89, 0.1);
    background: #fff;
}

.yk-fusion-logic {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 18px;
}

.yk-fusion-logic article {
    min-height: 172px;
    padding: 24px;
}

.yk-fusion-logic strong {
    color: #1c403d;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.35;
}

.yk-fusion-logic p {
    margin: 16px 0 0;
    color: #5b6c67;
    font-size: 15px;
    line-height: 1.72;
}

@media (max-width: 1199px) {
    .yk-proof-hero,
    .yk-proof-process {
        grid-template-columns: 1fr;
    }

    .yk-proof-copy {
        min-height: 0;
        padding: 0;
    }

    .yk-proof-table div {
        grid-template-columns: minmax(160px, 0.88fr) minmax(0, 1fr);
    }

    .yk-proof-table em {
        grid-column: 1 / -1;
    }

    .yk-report-board,
    .yk-report-evidence,
    .yk-fusion-logic {
        grid-template-columns: 1fr;
    }

    .yk-report-image img {
        height: auto;
        min-height: 0;
        object-fit: contain;
    }

    .yk-report-evidence img {
        height: auto;
        max-height: 320px;
        object-fit: contain;
    }
}

@media (max-width: 560px) {
    .yk-algorithm-proof {
        padding: 74px 0;
    }

    .yk-proof-copy h2 {
        font-size: 32px;
    }

    .yk-proof-copy p:not(.yk-kicker) {
        font-size: 16px;
    }

    .yk-proof-scoreboard {
        grid-template-columns: 1fr;
    }

    .yk-proof-scoreboard article,
    .yk-proof-process article {
        min-height: 0;
    }

    .yk-proof-scoreboard strong {
        font-size: 31px;
    }

    .yk-proof-details summary,
    .yk-proof-table {
        padding-left: 18px;
        padding-right: 18px;
    }

    .yk-proof-table div {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .yk-proof-table em {
        grid-column: auto;
    }

    .yk-report-fusion {
        padding: 74px 0;
    }

    .yk-report-head h2 {
        font-size: 32px;
    }

    .yk-report-head p:not(.yk-kicker) {
        font-size: 16px;
    }

    .yk-report-summary {
        padding: 26px;
    }

    .yk-report-summary h3 {
        font-size: 25px;
    }

    .yk-report-metrics {
        grid-template-columns: 1fr;
    }

    .yk-fusion-logic article {
        min-height: 0;
    }
}

/* Hardware stack, ECG evidence, and premium report visuals */
.yk-hardware-stack {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 28px;
}

.yk-hardware-stack article {
    min-height: 82px;
    padding: 16px;
    border: 1px solid rgba(29, 111, 103, 0.13);
    border-radius: 8px;
    background: #f3f8f5;
}

.yk-hardware-stack article:nth-child(2n) {
    background: #eef6f5;
}

.yk-hardware-stack span {
    display: block;
    color: #0f766e;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: 0;
}

.yk-hardware-stack strong {
    display: block;
    margin-top: 10px;
    color: #1c403d;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
}

.yk-nordic-note {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    margin-top: 28px;
    padding: 18px;
    border: 1px solid rgba(31, 95, 158, 0.15);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(239, 247, 245, 0.72)),
        #f8fbfa;
}

.yk-nordic-emblem {
    position: relative;
    width: 56px;
    height: 56px;
    border: 1px solid rgba(31, 95, 158, 0.18);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(30, 62, 77, 0.08);
}

.yk-nordic-emblem:before,
.yk-nordic-emblem:after {
    position: absolute;
    display: block;
    content: "";
    background: #1f5f9e;
}

.yk-nordic-emblem:before {
    top: 0;
    bottom: 0;
    left: 18px;
    width: 8px;
}

.yk-nordic-emblem:after {
    top: 22px;
    right: 0;
    left: 0;
    height: 8px;
}

.yk-nordic-note em {
    display: block;
    color: #1f5f9e;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.3;
}

.yk-nordic-note strong {
    display: block;
    margin-top: 6px;
    color: #1c403d;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.35;
}

.yk-nordic-note p {
    margin: 8px 0 0;
    color: #5b6c67;
    font-size: 14px;
    line-height: 1.65;
}

.yk-oulu-section {
    padding: 88px 0 96px;
    background:
        radial-gradient(circle at 84% 12%, rgba(196, 224, 215, 0.52), transparent 30%),
        #eef5f1;
}

.yk-oulu-head {
    max-width: 880px;
    margin-bottom: 34px;
}

.yk-oulu-section-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(360px, 0.8fr);
    gap: 22px;
    align-items: stretch;
}

.yk-oulu-photo-feature {
    grid-row: span 2;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(29, 111, 103, 0.12);
    border-radius: 8px;
    background: #0f201e;
    box-shadow: 0 24px 58px rgba(21, 48, 44, 0.12);
}

.yk-oulu-photo-feature img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    object-fit: contain;
    background: #0f201e;
    filter: saturate(0.96) contrast(1.03);
}

.yk-oulu-photo-feature figcaption {
    padding: 16px 18px 18px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    line-height: 1.6;
}

.yk-oulu-section .yk-nordic-note,
.yk-oulu-section .yk-oulu-story {
    min-height: 250px;
    margin-top: 0;
}

.yk-oulu-section .yk-nordic-note {
    align-content: center;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(239, 247, 245, 0.88)),
        #f8fbfa;
    box-shadow: 0 18px 42px rgba(21, 48, 44, 0.07);
}

.yk-oulu-story {
    display: block;
    margin-top: 16px;
    overflow: hidden;
    border: 1px solid rgba(29, 111, 103, 0.12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(21, 48, 44, 0.08);
}

.yk-oulu-story div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 250px;
    padding: 26px;
}

.yk-oulu-story span {
    color: #1f5f9e;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.35;
}

.yk-oulu-story strong {
    display: block;
    margin-top: 10px;
    color: #1c403d;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.35;
}

.yk-oulu-story p {
    margin: 10px 0 0;
    color: #60706b;
    font-size: 14px;
    line-height: 1.68;
}

.yk-oulu-story a {
    display: inline-flex;
    align-self: flex-start;
    margin-top: 14px;
    color: #0f766e;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

.yk-nordic-principles {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.yk-nordic-principles article {
    min-height: 118px;
    padding: 15px;
    border: 1px solid rgba(29, 111, 103, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.72);
}

.yk-nordic-principles span {
    color: #1f5f9e;
    font-size: 12px;
    font-weight: 900;
}

.yk-nordic-principles strong {
    display: block;
    margin-top: 9px;
    color: #1c403d;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
}

.yk-nordic-principles p {
    margin: 7px 0 0;
    color: #60706b;
    font-size: 13px;
    line-height: 1.58;
}

.yk-vitals-panel {
    display: grid;
    gap: 16px;
}

.yk-ecg-evidence {
    overflow: hidden;
    border: 1px solid rgba(191, 225, 218, 0.18);
    border-radius: 8px;
    background: #f7fbf9;
    box-shadow: 0 24px 58px rgba(0, 0, 0, 0.22);
}

.yk-ecg-meta {
    padding: 22px 24px 16px;
}

.yk-ecg-meta span {
    color: #0f766e;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.yk-ecg-meta strong {
    display: block;
    margin-top: 10px;
    color: #1c403d;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.28;
}

.yk-ecg-main {
    margin: 0;
    padding: 0 20px 18px;
}

.yk-ecg-main img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #dce8e4;
    border-radius: 8px;
    background: #fff;
}

.yk-ecg-main figcaption {
    margin-top: 12px;
    color: #63736e;
    font-size: 13px;
    line-height: 1.55;
}

.yk-algorithm-note {
    margin: 0 20px 18px;
    padding: 18px 20px;
    border: 1px solid rgba(29, 111, 103, 0.14);
    border-left: 4px solid #1d8d83;
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(230, 245, 241, 0.96), rgba(255, 255, 255, 0.96)),
        #f4faf7;
}

.yk-algorithm-note span {
    display: block;
    color: #0f766e;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.yk-algorithm-note p {
    margin: 10px 0 0;
    color: #536861;
    font-size: 14px;
    line-height: 1.78;
}

.yk-ecg-thumbs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 0 20px 20px;
}

.yk-ecg-thumbs figure {
    margin: 0;
    overflow: hidden;
    border: 1px solid #dce8e4;
    border-radius: 8px;
    background: #fff;
}

.yk-ecg-thumbs img {
    display: block;
    width: 100%;
    height: 88px;
    object-fit: contain;
    object-position: center;
    background: #f6faf8;
}

.yk-ecg-thumbs figcaption {
    padding: 8px 10px 10px;
    color: #405b56;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

.yk-report-image-main {
    align-self: start;
    background: #eef5f1;
}

.yk-report-image-main img,
.yk-report-evidence img,
.yk-report-evidence figure:nth-child(2) img {
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 0;
    object-fit: contain;
    background: #eef5f1;
}

.yk-report-evidence figure {
    align-self: start;
    background: #eef5f1;
}

@media (max-width: 991px) {
    .yk-oulu-section-grid {
        grid-template-columns: 1fr;
    }

    .yk-oulu-photo-feature {
        grid-row: auto;
    }

    .yk-oulu-section .yk-nordic-note,
    .yk-oulu-section .yk-oulu-story {
        min-height: 0;
    }
}

@media (max-width: 560px) {
    .yk-oulu-section {
        padding: 74px 0;
    }

    .yk-hardware-stack,
    .yk-nordic-principles,
    .yk-ecg-thumbs {
        grid-template-columns: 1fr;
    }

    .yk-nordic-note {
        grid-template-columns: 52px minmax(0, 1fr);
        padding: 16px;
    }

    .yk-nordic-emblem {
        width: 48px;
        height: 48px;
    }

    .yk-nordic-emblem:before {
        left: 16px;
        width: 7px;
    }

    .yk-nordic-emblem:after {
        top: 19px;
        height: 7px;
    }

    .yk-nordic-note strong {
        font-size: 16px;
    }

    .yk-oulu-story {
        grid-template-columns: 1fr;
    }

    .yk-oulu-story div {
        min-height: 0;
        padding: 18px;
    }

    .yk-ecg-meta {
        padding: 20px 18px 14px;
    }

    .yk-ecg-meta strong {
        font-size: 21px;
    }

    .yk-ecg-main,
    .yk-ecg-thumbs {
        padding-right: 14px;
        padding-left: 14px;
    }

    .yk-algorithm-note {
        margin-right: 14px;
        margin-left: 14px;
        padding: 16px;
    }

    .yk-ecg-thumbs img {
        height: auto;
    }
}

/* ISOKANG site header: direct directory links, no dropdown menu */
html {
    scroll-padding-top: 92px;
}

section[id] {
    scroll-margin-top: 92px;
}

.yk-site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid rgba(24, 48, 44, 0.1);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 10px 32px rgba(22, 34, 38, 0.06);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

.yk-site-nav {
    display: flex;
    min-height: 74px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.container.yk-site-nav:before,
.container.yk-site-nav:after {
    display: none;
    content: none;
}

.yk-site-headline {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
}

.yk-site-logo {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #1c403d;
    text-decoration: none;
}

.yk-site-logo:hover,
.yk-site-logo:focus {
    color: #1c403d;
    text-decoration: none;
}

.yk-site-logo img {
    display: block;
    width: auto;
    height: 44px;
}

.yk-site-logo span {
    color: #44635e;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
}

.yk-site-contact {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 18px;
    border: 1px solid rgba(13, 101, 94, 0.28);
    border-radius: 999px;
    color: #ffffff;
    background: #0d655e;
    box-shadow: 0 12px 24px rgba(13, 101, 94, 0.16);
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.yk-site-contact:hover,
.yk-site-contact:focus {
    color: #ffffff;
    background: #0a544e;
    box-shadow: 0 16px 28px rgba(13, 101, 94, 0.22);
    text-decoration: none;
    transform: translateY(-1px);
}

.yk-site-menu {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    margin-left: 18px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.yk-site-menu::-webkit-scrollbar {
    display: none;
}

.yk-site-menu a {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-height: auto;
    padding: 8px 2px;
    border: 0;
    border-radius: 0;
    color: #2f4945;
    background: transparent;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.18s ease;
}

.yk-site-menu a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 1px;
    left: 0;
    height: 2px;
    border-radius: 999px;
    background: #0d655e;
    opacity: 0;
    transform: scaleX(0.38);
    transform-origin: center;
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.yk-site-menu a:hover,
.yk-site-menu a:focus,
.yk-site-menu a.on {
    color: #0d655e;
    background: transparent;
    outline: 0;
    text-decoration: none;
}

.yk-site-menu a:hover::after,
.yk-site-menu a:focus::after,
.yk-site-menu a.on::after {
    opacity: 1;
    transform: scaleX(1);
}

.yk-site-menu.x_fixed {
    position: static !important;
    top: auto !important;
    width: auto !important;
    z-index: auto !important;
}

@media (max-width: 991px) {
    html {
        scroll-padding-top: 112px;
    }

    section[id] {
        scroll-margin-top: 112px;
    }

    .yk-site-nav {
        display: grid;
        min-height: 88px;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px 12px;
        padding-top: 9px;
        padding-bottom: 8px;
    }

    .yk-site-headline {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
    }

    .yk-site-logo img {
        height: 38px;
    }

    .yk-site-logo span {
        font-size: 12px;
    }

    .yk-site-menu {
        grid-column: 1 / -1;
        grid-row: 2;
        gap: 14px;
        justify-content: flex-start;
        margin-right: 0;
        margin-left: 0;
        padding: 0 0 3px;
    }

    .yk-site-menu a {
        min-height: auto;
        padding: 6px 2px;
        font-size: 13px;
    }

    .yk-site-contact {
        grid-column: 2;
        grid-row: 1;
        align-self: center;
        justify-self: end;
        width: auto;
        min-height: 34px;
        padding: 0 14px;
        font-size: 13px;
    }
}

@media (max-width: 560px) {
    html {
        scroll-padding-top: 186px;
    }

    section[id] {
        scroll-margin-top: 186px;
    }

    .yk-site-nav {
        min-height: 160px;
    }

    .yk-site-logo span {
        display: none;
    }

    .yk-site-menu {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px 10px;
        overflow: visible;
        padding-bottom: 0;
    }

    .yk-site-menu a {
        width: auto;
        min-height: auto;
        padding: 6px 0;
        justify-content: flex-start;
        font-size: 12px;
        background: transparent;
    }

    .yk-site-contact {
        min-height: 32px;
        padding: 0 12px;
        font-size: 12px;
    }
}

.yk-use-faq {
    padding: 96px 0;
    background:
        radial-gradient(circle at 12% 0%, rgba(212, 237, 230, 0.68), transparent 32%),
        linear-gradient(180deg, #f8faf6 0%, #eef5f1 100%);
}

.yk-use-faq .yk-section-head {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}

.yk-faq-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 38px;
}

.yk-faq-grid article {
    min-height: 210px;
    padding: 28px 26px;
    border: 1px solid rgba(49, 87, 80, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 22px 50px rgba(31, 48, 44, 0.08);
}

.yk-faq-grid strong {
    display: block;
    color: #143f3b;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.28;
}

.yk-faq-grid p {
    margin: 16px 0 0;
    color: #60746f;
    font-size: 16px;
    line-height: 1.85;
}

@media (max-width: 991px) {
    .yk-use-faq {
        padding: 72px 0;
    }

    .yk-faq-grid {
        grid-template-columns: 1fr;
    }

    .yk-faq-grid article {
        min-height: 0;
    }
}

.yk-partner-page {
    color: #173f3b;
    background: #f8faf6;
}

.yk-partner-hero {
    position: relative;
    min-height: 620px;
    overflow: hidden;
    display: flex;
    align-items: center;
    color: #fff;
    background:
        radial-gradient(circle at 86% 18%, rgba(174, 219, 208, 0.18), transparent 34%),
        linear-gradient(135deg, #09231f 0%, #123a34 52%, #0f2a27 100%);
}

.yk-partner-hero-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.yk-partner-hero-shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(9, 29, 26, 0.88) 0%, rgba(9, 29, 26, 0.72) 42%, rgba(9, 29, 26, 0.24) 100%),
        linear-gradient(180deg, rgba(9, 29, 26, 0.2) 0%, rgba(9, 29, 26, 0.64) 100%);
}

.yk-partner-hero-inner {
    position: relative;
    z-index: 1;
    max-width: 1180px;
}

.yk-partner-hero-split {
    padding: 84px 0 76px;
}

.yk-partner-hero-split .yk-partner-hero-inner {
    display: grid;
    grid-template-columns: minmax(420px, 0.78fr) minmax(620px, 1.22fr);
    gap: 54px;
    align-items: center;
}

.yk-partner-hero-split .yk-partner-hero-inner:before,
.yk-partner-hero-split .yk-partner-hero-inner:after {
    content: none;
}

.yk-partner-hero-copy {
    max-width: 560px;
}

.yk-partner-hero-photo {
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(196, 234, 226, 0.24);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 34px 86px rgba(0, 0, 0, 0.26);
}

.yk-partner-hero-photo img {
    display: block;
    width: 100%;
    height: auto;
}

.yk-partner-hero-photo figcaption {
    padding: 13px 16px 15px;
    color: rgba(236, 250, 246, 0.84);
    background: rgba(8, 28, 25, 0.72);
    font-size: 14px;
    line-height: 1.65;
}

.yk-partner-hero .yk-kicker {
    color: #bde5dc;
}

.yk-partner-hero h1 {
    max-width: 720px;
    margin: 16px 0 0;
    color: #ffffff;
    font-size: clamp(44px, 4.7vw, 64px);
    font-weight: 900;
    line-height: 1.05;
}

.yk-partner-hero p {
    max-width: 700px;
    margin: 28px 0 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 18px;
    line-height: 1.9;
}

.yk-partner-hero-tags,
.yk-partner-contact-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.yk-partner-hero-tags span,
.yk-partner-contact-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 999px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    font-size: 13px;
    font-weight: 800;
}

.yk-partner-intake {
    padding: 64px 0;
    background: #f8faf6;
}

.yk-partner-intake-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) repeat(2, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}

.container.yk-partner-intake-grid:before,
.container.yk-partner-intake-grid:after {
    display: none;
    content: none;
}

.yk-partner-intake-head,
.yk-partner-intake article {
    border: 1px solid rgba(34, 74, 68, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 22px 58px rgba(26, 45, 41, 0.08);
}

.yk-partner-intake-head {
    padding: 32px;
    background:
        linear-gradient(135deg, rgba(237, 248, 244, 0.96), rgba(255, 255, 255, 0.96));
}

.yk-partner-intake-head h2 {
    margin: 10px 0 16px;
    color: #143f3b;
    font-size: clamp(30px, 3.2vw, 46px);
    font-weight: 900;
    line-height: 1.12;
}

.yk-partner-intake-head p {
    margin: 0;
    color: #60746f;
    font-size: 16px;
    line-height: 1.82;
}

.yk-partner-intake article {
    display: flex;
    flex-direction: column;
    padding: 30px;
}

.yk-partner-intake article span {
    color: #0d766e;
    font-size: 13px;
    font-weight: 900;
}

.yk-partner-intake article strong {
    display: block;
    margin: 14px 0 16px;
    color: #143f3b;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.25;
}

.yk-partner-intake article ul {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.yk-partner-intake article li {
    position: relative;
    padding-left: 18px;
    color: #4e6964;
    font-size: 15px;
    line-height: 1.7;
}

.yk-partner-intake article li:before {
    position: absolute;
    top: 10px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0d766e;
    content: "";
}

.yk-partner-intake article a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    margin-top: auto;
    padding: 0 18px;
    border-radius: 999px;
    color: #fff;
    background: #0d655e;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
}

.yk-partner-intake article a:hover,
.yk-partner-intake article a:focus {
    color: #fff;
    background: #0a544e;
    text-decoration: none;
}

.yk-partner-two {
    padding: 96px 0;
}

.yk-partner-platform {
    padding: 88px 0;
}

.yk-partner-two .yk-section-head,
.yk-partner-platform .yk-section-head {
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
}

.yk-partner-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin-top: 46px;
}

.yk-partner-cards article,
.yk-platform-layers article,
.yk-partner-contact aside {
    border: 1px solid rgba(34, 74, 68, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 24px 60px rgba(26, 45, 41, 0.08);
}

.yk-partner-cards article {
    padding: 36px;
}

.yk-partner-cards span,
.yk-platform-layers span {
    display: inline-flex;
    color: #0d766e;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.yk-partner-cards h3 {
    margin: 14px 0 16px;
    color: #143f3b;
    font-size: 34px;
    font-weight: 900;
    line-height: 1.16;
}

.yk-partner-cards p,
.yk-partner-flow p,
.yk-platform-layers p,
.yk-partner-contact p {
    color: #60746f;
    font-size: 16px;
    line-height: 1.85;
}

.yk-partner-cards ul {
    display: grid;
    gap: 12px;
    margin: 24px 0 30px;
    padding: 0;
    list-style: none;
}

.yk-partner-cards li {
    position: relative;
    padding-left: 18px;
    color: #355753;
    font-size: 15px;
    line-height: 1.65;
}

.yk-partner-cards li:before {
    position: absolute;
    top: 11px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0d766e;
    content: "";
}

.yk-partner-cards a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 18px;
    border: 1px solid rgba(13, 101, 94, 0.22);
    border-radius: 999px;
    color: #0d655e;
    background: #edf7f4;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
}

.yk-partner-cards a:hover,
.yk-partner-cards a:focus {
    color: #ffffff;
    background: #0d655e;
    text-decoration: none;
}

.yk-partner-proof {
    padding: 88px 0;
    background: #eef5f1;
}

.yk-partner-proof-grid {
    display: block;
}

.yk-partner-proof-copy {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
}

.yk-partner-proof-copy h2 {
    margin: 12px auto 18px;
    color: #143f3b;
    font-size: clamp(34px, 4vw, 56px);
    font-weight: 900;
    line-height: 1.08;
}

.yk-partner-proof-copy p {
    color: #60746f;
    font-size: 16px;
    line-height: 1.9;
}

.yk-partner-photo-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 38px;
}

.yk-partner-photo-grid figure {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 360px;
    min-height: 360px;
    overflow: hidden;
    border-radius: 8px;
    background: #10201d;
    box-shadow: 0 24px 58px rgba(23, 43, 39, 0.12);
}

.yk-partner-photo-grid figure:after {
    display: none;
    content: none;
}

.yk-partner-photo-grid img {
    display: block;
    width: 100%;
    height: 0;
    min-height: 0;
    flex: 1 1 auto;
    padding: 12px;
    box-sizing: border-box;
    object-fit: contain;
    object-position: center;
    background: #10201d;
    filter: saturate(0.94) contrast(1.04);
    transform: none;
}

.yk-partner-photo-grid figcaption {
    position: static;
    z-index: 1;
    min-height: 82px;
    padding: 0 18px 18px;
    color: #fff;
}

.yk-partner-photo-large {
    grid-row: auto;
    height: 360px !important;
    min-height: 360px !important;
}

.yk-partner-photo-large img {
    min-height: 0;
}

.yk-partner-photo-grid strong {
    display: block;
    font-size: 20px;
    font-weight: 900;
}

.yk-partner-photo-grid span {
    display: block;
    margin-top: 6px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 13px;
    line-height: 1.55;
}

.yk-partner-flow {
    padding: 96px 0;
    color: #fff;
    background: #10201d;
}

.yk-partner-flow-grid {
    display: block;
}

.yk-partner-flow .yk-kicker {
    color: #a9ddd5;
}

.yk-partner-flow-grid > div:first-child {
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
}

.yk-partner-flow h2 {
    margin: 12px auto 18px;
    max-width: 820px;
    color: #fff;
    font-size: clamp(34px, 4vw, 58px);
    font-weight: 900;
    line-height: 1.08;
}

.yk-partner-flow p {
    color: rgba(255, 255, 255, 0.72);
}

.yk-partner-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 42px;
}

.yk-partner-steps article {
    min-height: 220px;
    padding: 26px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
}

.yk-partner-steps span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: #10201d;
    background: #a9ddd5;
    font-weight: 900;
}

.yk-partner-steps strong {
    display: block;
    margin-top: 18px;
    color: #ffffff;
    font-size: 22px;
    font-weight: 900;
}

.yk-partner-steps p {
    margin: 10px 0 0;
    font-size: 15px;
}

.yk-platform-layers {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 44px;
}

.yk-platform-layers article {
    min-height: 230px;
    padding: 26px 22px;
}

.yk-platform-layers strong {
    display: block;
    margin-top: 12px;
    color: #143f3b;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.25;
}

.yk-platform-layers p {
    margin: 14px 0 0;
    font-size: 15px;
}

.yk-partner-dashboard {
    margin: 30px auto 0;
    max-width: 980px;
    overflow: hidden;
    border-radius: 8px;
    background: #0e1819;
    box-shadow: 0 28px 70px rgba(24, 39, 36, 0.14);
}

.yk-partner-dashboard img {
    display: block;
    width: 100%;
    max-height: 430px;
    object-fit: contain;
    background: #0e1819;
}

.yk-partner-dashboard figcaption {
    padding: 18px 22px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 14px;
    line-height: 1.7;
}

.yk-partner-contact {
    padding: 86px 0;
    background: #edf4ef;
}

.yk-partner-contact-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 420px;
    gap: 42px;
    align-items: start;
}

.yk-partner-contact h2 {
    margin: 12px 0 18px;
    color: #143f3b;
    font-size: clamp(34px, 4vw, 56px);
    font-weight: 900;
    line-height: 1.1;
}

.yk-partner-contact-tags span {
    border-color: rgba(13, 101, 94, 0.16);
    color: #0d655e;
    background: rgba(255, 255, 255, 0.7);
}

.yk-partner-contact aside {
    padding: 30px;
}

.yk-partner-contact aside strong {
    display: block;
    color: #143f3b;
    font-size: 28px;
    font-weight: 900;
}

.yk-partner-contact aside p {
    margin: 14px 0 0;
}

.yk-partner-qr {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid rgba(34, 74, 68, 0.12);
}

.yk-partner-qr img {
    width: 112px;
    height: 112px;
    object-fit: cover;
}

.yk-partner-qr span {
    color: #60746f;
    font-size: 14px;
    line-height: 1.7;
}

/* Article center */
.yk-articles-page {
    background: #f7faf6;
    color: #172b28;
    font-family: "PingFang SC", "HarmonyOS Sans SC", "Noto Sans SC", "Microsoft YaHei", Arial, sans-serif;
}

.yk-article-hero {
    padding: 118px 0 76px;
    background:
        linear-gradient(90deg, rgba(247, 250, 246, 0.98), rgba(238, 246, 241, 0.86)),
        #eef6f2;
}

.yk-article-hero h1 {
    max-width: 860px;
    margin: 10px 0 22px;
    color: #173f3b;
    font-size: clamp(40px, 6vw, 74px);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: 0;
}

.yk-article-hero p {
    max-width: 760px;
    margin: 0;
    color: #526963;
    font-size: 18px;
    line-height: 1.9;
}

.yk-article-summary {
    margin-top: -36px;
    position: relative;
    z-index: 2;
}

.yk-summary-panel {
    padding: 34px;
    border: 1px solid rgba(13, 116, 107, 0.13);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(241, 249, 245, 0.96));
    box-shadow: 0 22px 60px rgba(23, 50, 45, 0.1);
}

.yk-summary-panel h2 {
    max-width: 980px;
    margin: 8px 0 24px;
    color: #173f3b;
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 900;
    line-height: 1.18;
}

.yk-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.yk-summary-grid div {
    padding: 22px;
    border: 1px solid rgba(13, 116, 107, 0.11);
    border-radius: 8px;
    background: #fff;
}

.yk-summary-grid strong,
.yk-summary-grid span {
    display: block;
}

.yk-summary-grid strong {
    color: #0f5953;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.35;
}

.yk-summary-grid span {
    margin-top: 10px;
    color: #60746f;
    font-size: 15px;
    line-height: 1.75;
}

.yk-article-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-top: -34px;
}

.yk-article-map {
    margin-top: 28px;
    padding-bottom: 28px;
    position: relative;
    z-index: 2;
}

.yk-map-head {
    max-width: 920px;
    padding: 34px;
    border: 1px solid rgba(13, 116, 107, 0.12);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(239, 248, 244, 0.94));
    box-shadow: 0 18px 52px rgba(23, 50, 45, 0.08);
}

.yk-map-head h2 {
    margin: 8px 0 12px;
    color: #173f3b;
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 900;
    line-height: 1.16;
}

.yk-map-head p:not(.yk-kicker) {
    max-width: 760px;
    margin: 0;
    color: #526963;
    font-size: 17px;
    line-height: 1.82;
}

.yk-reading-path {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 22px;
}

.yk-reading-path article {
    display: flex;
    flex-direction: column;
    min-height: 320px;
    padding: 26px;
    border: 1px solid rgba(17, 70, 63, 0.11);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 52px rgba(23, 50, 45, 0.08);
}

.yk-reading-path span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 30px;
    border-radius: 999px;
    background: #e5f5f1;
    color: #0d746b;
    font-size: 13px;
    font-weight: 900;
}

.yk-reading-path h3 {
    margin: 18px 0 12px;
    color: #173f3b;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.26;
}

.yk-reading-path p {
    margin: 0;
    color: #5f736e;
    font-size: 15px;
    line-height: 1.78;
}

.yk-reading-path div {
    display: grid;
    gap: 9px;
    margin-top: auto;
    padding-top: 22px;
}

.yk-reading-path a {
    display: block;
    padding: 11px 13px;
    border: 1px solid rgba(13, 116, 107, 0.12);
    border-radius: 8px;
    background: #f7fbf8;
    color: #0d655e;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.42;
    text-decoration: none;
}

.yk-reader-guide {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.yk-reader-guide div {
    padding: 18px 20px;
    border: 1px solid rgba(13, 116, 107, 0.11);
    border-radius: 8px;
    background: #f3f8f5;
}

.yk-reader-guide strong,
.yk-reader-guide span {
    display: block;
}

.yk-reader-guide strong {
    color: #173f3b;
    font-size: 16px;
    font-weight: 900;
}

.yk-reader-guide span {
    margin-top: 8px;
    color: #60746f;
    font-size: 14px;
    line-height: 1.7;
}

.yk-section-title {
    max-width: 860px;
    margin-bottom: 30px;
}

.yk-section-title h2 {
    margin: 8px 0 0;
    color: #173f3b;
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 900;
    line-height: 1.15;
}

.yk-cluster-title {
    margin: 62px 0 24px;
    padding: 30px 34px;
    border: 1px solid rgba(13, 116, 107, 0.13);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(236, 248, 243, 0.95), rgba(255, 255, 255, 0.98));
    box-shadow: 0 16px 46px rgba(23, 50, 45, 0.07);
}

.yk-section-title + .yk-cluster-title {
    margin-top: 0;
}

.yk-cluster-title span {
    display: block;
    color: #0d746b;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0;
}

.yk-cluster-title h2 {
    max-width: 900px;
    margin: 10px 0 12px;
    color: #173f3b;
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 900;
    line-height: 1.16;
}

.yk-cluster-title p {
    max-width: 860px;
    margin: 0;
    color: #60746f;
    font-size: 16px;
    line-height: 1.8;
}

.yk-series-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: -34px;
    margin-bottom: 26px;
}

.yk-series-strip a {
    display: block;
    min-height: 148px;
    padding: 24px;
    border: 1px solid rgba(13, 116, 107, 0.14);
    border-radius: 8px;
    background: #fff;
    color: #173f3b;
    text-decoration: none;
    box-shadow: 0 18px 52px rgba(23, 50, 45, 0.08);
}

.yk-series-strip span,
.yk-series-strip em {
    display: block;
    color: #0d746b;
    font-size: 13px;
    font-style: normal;
    font-weight: 900;
}

.yk-series-strip strong {
    display: block;
    margin: 12px 0 10px;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.25;
}

.yk-series-strip em {
    color: #60746f;
    line-height: 1.6;
}

.yk-article-card {
    overflow: hidden;
    border: 1px solid rgba(17, 70, 63, 0.1);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 52px rgba(23, 50, 45, 0.08);
}

.yk-article-card img {
    display: block;
    width: 100%;
    height: 180px;
    object-fit: cover;
    object-position: center;
    background: #edf4ef;
}

.yk-article-card img.yk-paper-card-img {
    object-fit: contain;
    padding: 12px;
}

.yk-article-card-body {
    padding: 22px;
}

.yk-article-card time,
.yk-article-card em,
.yk-article-body time,
.yk-article-body em {
    display: block;
    color: #0d746b;
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
}

.yk-article-card h2 {
    margin: 10px 0 12px;
    color: #173f3b;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.25;
}

.yk-article-card p {
    margin: 0 0 18px;
    color: #60746f;
    font-size: 15px;
    line-height: 1.75;
}

.yk-article-card a {
    color: #0d655e;
    font-weight: 900;
}

.yk-article-list {
    padding: 82px 0 96px;
}

.yk-article-body {
    display: grid;
    grid-template-columns: minmax(0, 460px) minmax(0, 1fr);
    gap: 42px;
    align-items: start;
    margin-top: 56px;
    padding: 34px;
    border: 1px solid rgba(17, 70, 63, 0.1);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 56px rgba(23, 50, 45, 0.07);
}

.yk-article-body:first-child {
    margin-top: 0;
}

.yk-article-body > figure {
    position: sticky;
    top: 96px;
    margin: 0;
}

.yk-article-body img {
    display: block;
    width: 100%;
    max-height: 420px;
    object-fit: contain;
    object-position: center;
    border-radius: 8px;
    background: #eef4f0;
}

.yk-article-body figcaption {
    margin-top: 12px;
    color: #75837f;
    font-size: 13px;
    line-height: 1.6;
}

.yk-article-body h2 {
    margin: 8px 0 18px;
    color: #173f3b;
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 900;
    line-height: 1.18;
}

.yk-article-body h3 {
    margin: 28px 0 10px;
    color: #1e4d48;
    font-size: 22px;
    font-weight: 900;
}

.yk-article-body p,
.yk-article-body li {
    color: #526963;
    font-size: 17px;
    line-height: 1.95;
}

.yk-article-body ul {
    margin: 14px 0 0;
    padding-left: 1.3em;
}

.yk-quote-note {
    margin: 22px 0;
    padding: 18px 20px;
    border-left: 4px solid #0d655e;
    border-radius: 0 8px 8px 0;
    background: #eef8f4;
    color: #224d48;
    font-size: 16px;
    line-height: 1.8;
}

.yk-logic-list {
    display: grid;
    gap: 12px;
    margin: 22px 0;
}

.yk-logic-list div {
    padding: 18px 20px;
    border: 1px solid rgba(17, 70, 63, 0.11);
    border-radius: 8px;
    background: linear-gradient(135deg, #f7fbf8, #fff);
}

.yk-logic-list strong {
    display: block;
    color: #173f3b;
    font-size: 17px;
    font-weight: 900;
}

.yk-logic-list p {
    margin: 8px 0 0;
    color: #60746f;
    font-size: 15px;
    line-height: 1.75;
}

.yk-compare-table {
    display: grid;
    gap: 10px;
    margin: 22px 0;
}

.yk-compare-table div {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 18px;
    padding: 16px 18px;
    border: 1px solid rgba(17, 70, 63, 0.11);
    border-radius: 8px;
    background: #f7fbf8;
}

.yk-compare-table strong {
    color: #173f3b;
    font-size: 16px;
    font-weight: 900;
}

.yk-compare-table span {
    color: #526963;
    font-size: 16px;
    line-height: 1.75;
}

.yk-paper-evidence-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 26px 0;
}

.yk-paper-evidence-grid article {
    min-height: 230px;
    padding: 20px;
    border: 1px solid rgba(17, 70, 63, 0.12);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(232, 246, 241, 0.92), rgba(255, 255, 255, 0.95));
}

.yk-paper-evidence-grid span {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    color: #0d655e;
    background: rgba(13, 101, 94, 0.08);
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
}

.yk-paper-evidence-grid strong {
    display: block;
    margin-top: 16px;
    color: #173f3b;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.45;
}

.yk-paper-evidence-grid p {
    margin: 12px 0 0;
    color: #60746f;
    font-size: 14px;
    line-height: 1.78;
}

.yk-article-refs {
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid rgba(17, 70, 63, 0.12);
}

.yk-article-refs strong {
    display: block;
    margin-bottom: 10px;
    color: #173f3b;
}

.yk-article-refs a {
    color: #0d655e;
    overflow-wrap: anywhere;
}

@media (max-width: 991px) {
    .yk-article-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .yk-reading-path,
    .yk-reader-guide,
    .yk-summary-grid,
    .yk-series-strip,
    .yk-indicator-map,
    .yk-research-points {
        grid-template-columns: 1fr;
    }

    .yk-reading-path article {
        min-height: auto;
    }

    .yk-article-body {
        grid-template-columns: 1fr;
        padding: 22px;
    }

    .yk-article-body > figure {
        position: static;
    }

    .yk-paper-evidence-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .yk-article-hero {
        padding: 96px 0 58px;
    }

    .yk-summary-panel,
    .yk-map-head {
        padding: 24px;
    }

    .yk-article-grid {
        grid-template-columns: 1fr;
    }

    .yk-article-card img {
        height: 210px;
    }

    .yk-compare-table div {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991px) {
    .yk-partner-hero {
        min-height: auto;
        padding: 58px 0 66px;
    }

    .yk-partner-hero-split .yk-partner-hero-inner {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .yk-partner-hero-photo {
        order: -1;
    }

    .yk-partner-hero h1 {
        font-size: 46px;
    }

    .yk-partner-cards,
    .yk-partner-intake-grid,
    .yk-partner-flow-grid,
    .yk-partner-proof-grid,
    .yk-platform-layers,
    .yk-partner-contact-grid {
        grid-template-columns: 1fr;
    }

    .yk-partner-two,
    .yk-partner-proof,
    .yk-partner-platform,
    .yk-partner-contact {
        padding: 72px 0;
    }

    .yk-partner-proof-copy {
        position: static;
    }

    .yk-partner-photo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .yk-partner-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .yk-partner-photo-large {
        height: 320px !important;
        min-height: 320px !important;
    }
}

@media (max-width: 560px) {
    .yk-partner-hero {
        min-height: auto;
        padding: 28px 0 54px;
    }

    .yk-partner-hero h1 {
        font-size: 38px;
    }

    .yk-partner-hero p {
        font-size: 16px;
    }

    .yk-partner-cards article,
    .yk-partner-intake-head,
    .yk-partner-intake article,
    .yk-partner-contact aside {
        padding: 24px 20px;
    }

    .yk-partner-steps {
        grid-template-columns: 1fr;
    }

    .yk-partner-photo-grid {
        grid-template-columns: 1fr;
    }

    .yk-partner-qr {
        grid-template-columns: 1fr;
    }

    .yk-partner-photo-grid figure {
        height: 300px;
        min-height: 300px;
    }

    .yk-partner-photo-large {
        height: 300px !important;
        min-height: 300px !important;
    }
}