:root {
                --blue: #0868e8;
                --cyan: #16c8ef;
                --yellow: #ffd21a;
                --ink: #101010;
                --muted: #5d6570;
                --cream: #fffdf5;
                --line: #e8e8e3;
                --navy: #080b10;
            }
            * {
                box-sizing: border-box;
            }
           
            body {
                margin: 0;
                font-family: Inter, Arial, Helvetica, sans-serif;
                color: var(--ink);
                background: #fff;
                line-height: 1.48;
               
            }
            a {
                color: inherit;
                text-decoration: none;
            }
            img {
                max-width: 100%;
                display: block;
            }
            .container {
                width: min(1180px, calc(100% - 48px));
                margin: 0 auto;
            }
            .topbar {
                background: var(--navy);
                color: #e8edf3;
                font-size: 12px;
                letter-spacing: 0.01em;
            }
            .topbar-inner {
                min-height: 38px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 24px;
            }
            .topbar a {
                color: #fff;
                font-weight: 700;
            }
            .header {
                position: sticky;
                top: 0;
                z-index: 50;
                background: rgba(255, 255, 255, 0.96);
                backdrop-filter: blur(16px);
                border-bottom: 1px solid rgba(0, 0, 0, 0.07);
            }
            .nav {
                height: 78px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 28px;
            }
            .logo {
                width: 142px;
                height: 56px;
                object-fit: contain;
                border-radius: 12px;
            }
            .navlinks {
                display: flex;
                align-items: center;
                gap: 27px;
                font-size: 14px;
                font-weight: 700;
            }
            .navlinks a:hover {
                color: var(--blue);
            }
            .nav-cta {
                background: var(--yellow);
                padding: 13px 20px;
                border-radius: 999px;
                font-weight: 900;
            }
            .menu {
                display: none;
                border: 0;
                background: none;
                font-size: 28px;
                line-height: 1;
            }
            .mobile-nav {
                display: none;
                border-top: 1px solid var(--line);
                padding: 18px 0 24px;
            }
            .mobile-nav a {
                display: block;
                padding: 9px 0;
                font-weight: 800;
            }
            .hero {
                background: var(--cream);
                padding: 72px 0 82px;
            }
            .hero-grid {
                display: grid;
                grid-template-columns: 1fr 1.03fr;
                gap: 70px;
                align-items: center;
            }
            .eyebrow {
                font-size: 12px;
                font-weight: 900;
                text-transform: uppercase;
                letter-spacing: 0.11em;
                color: #4f5964;
                margin-bottom: 18px;
            }
            .hero h1 {
                font-size: clamp(50px, 6.3vw, 78px);
                line-height: 0.97;
                letter-spacing: -0.058em;
                margin: 0 0 22px;
                font-weight: 900;
                max-width: 680px;
            }
            .hero h1 .blue {
                color: var(--blue);
            }
            .hero h1 .yellow {
                color: #d99e00;
            }
            .hero-copy {
                font-size: 19px;
                line-height: 1.55;
                color: #535c67;
                max-width: 590px;
                margin: 0 0 28px;
            }
            .actions {
                display: flex;
                gap: 12px;
                flex-wrap: wrap;
            }
            .btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border-radius: 999px;
                padding: 15px 23px;
                font-weight: 900;
                font-size: 14px;
                min-height: 50px;
            }
            .btn-primary {
                background: var(--blue);
                color: #fff;
                box-shadow: 0 12px 28px rgba(8, 104, 232, 0.22);
            }
            .btn-yellow {
                background: var(--yellow);
                color: #111;
            }
            .btn-outline {
                border: 1px solid #cfd4da;
                background: #fff;
            }
            .hero-note {
                display: flex;
                gap: 22px;
                flex-wrap: wrap;
                margin-top: 27px;
                font-size: 12px;
                font-weight: 800;
                color: #5b636c;
            }
            .hero-note span::before {
                content: "✓";
                display: inline-grid;
                place-items: center;
                width: 18px;
                height: 18px;
                margin-right: 7px;
                border-radius: 50%;
                background: #e9f8ef;
                color: #149447;
                font-weight: 900;
            }
            .hero-media {
                position: relative;
                min-height: 525px;
                border-radius: 30px;
                overflow: hidden;
                background: #0b1118;
                box-shadow: 0 25px 70px rgba(0, 0, 0, 0.15);
            }
            .hero-media img {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .hero-media::after {
                content: "";
                position: absolute;
                inset: 0;
                background: linear-gradient(180deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.12));
            }
            .hero-tag {
                position: absolute;
                z-index: 2;
                left: 22px;
                top: 22px;
                background: #fff;
                padding: 11px 15px;
                border-radius: 14px;
                font-size: 12px;
                font-weight: 900;
                box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18);
            }
            .booking-wrap {
                position: relative;
                z-index: 5;
                margin-top: -32px;
            }
            .booking {
                background: #fff;
                border: 1px solid #e8e8e5;
                border-radius: 18px;
                padding: 11px;
                display: grid;
                grid-template-columns: 1fr 1.15fr auto;
                gap: 10px;
                box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
            }
            .booking input {
                width: 100%;
                border: 0;
                outline: 0;
                background: #f5f6f6;
                border-radius: 12px;
                padding: 17px 18px;
                font: inherit;
                font-size: 14px;
            }
            .booking button {
                border: 0;
                background: var(--yellow);
                border-radius: 12px;
                padding: 0 27px;
                font: inherit;
                font-weight: 900;
                cursor: pointer;
            }
            .section {
                padding: 96px 0;
            }
            .section.cream {
                background: var(--cream);
            }
            .section-head {
                display: grid;
                grid-template-columns: 1.05fr 0.95fr;
                gap: 60px;
                align-items: end;
                margin-bottom: 42px;
            }
            .kicker {
                font-size: 12px;
                text-transform: uppercase;
                letter-spacing: 0.12em;
                font-weight: 900;
                color: #69717a;
            }
            h2 {
                font-size: clamp(38px, 4.8vw, 58px);
                line-height: 1.01;
                letter-spacing: -0.052em;
                margin: 10px 0 0;
                font-weight: 900;
            }
            .section-head p {
                font-size: 17px;
                color: var(--muted);
                margin: 0;
                max-width: 520px;
            }
            .service-layout {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 55px;
                align-items: center;
            }
            .service-copy h2 {
                max-width: 600px;
            }
            .service-copy > p {
                font-size: 17px;
                color: var(--muted);
                max-width: 570px;
            }
            .service-image {
                border-radius: 28px;
                overflow: hidden;
                background: #f4f5f3;
                border: 1px solid #e6e6e2;
                box-shadow: 0 18px 55px rgba(0, 0, 0, 0.08);
            }
            .service-image img {
                width: 100%;
                height: 390px;
                object-fit: cover;
                object-position: center;
            }
            .service-list {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 12px 30px;
                margin-top: 28px;
            }
            .service-list a {
                display: flex;
                gap: 10px;
                align-items: flex-start;
                font-weight: 800;
                font-size: 14px;
            }
            .service-list a::before {
                content: "✓";
                flex: 0 0 21px;
                width: 21px;
                height: 21px;
                border-radius: 50%;
                display: grid;
                place-items: center;
                background: #fff1b1;
                color: #111;
                font-size: 12px;
            }
            .cards {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 18px;
            }
            .card {
                border: 1px solid var(--line);
                border-radius: 22px;
                padding: 30px;
                background: #fff;
                min-height: 255px;
            }
            .card-icon {
                width: 46px;
                height: 46px;
                border-radius: 14px;
                background: linear-gradient(135deg, #e8f2ff, #fff1a8);
                display: grid;
                place-items: center;
                font-size: 21px;
                margin-bottom: 23px;
            }
            .card h3 {
                font-size: 22px;
                letter-spacing: -0.025em;
                margin: 0 0 9px;
            }
            .card p {
                color: var(--muted);
                margin: 0;
            }
            .reasons {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 0;
                border-top: 1px solid var(--line);
                border-bottom: 1px solid var(--line);
            }
            .reason {
                padding: 32px 28px 30px;
                border-right: 1px solid var(--line);
            }
            .reason:last-child {
                border-right: 0;
            }
            .reason-num {
                font-size: 12px;
                color: var(--blue);
                font-weight: 900;
                letter-spacing: 0.12em;
            }
            .reason h3 {
                font-size: 24px;
                letter-spacing: -0.03em;
                margin: 28px 0 9px;
            }
            .reason p {
                color: var(--muted);
                margin: 0;
            }
            .order {
                background: #f5f6f3;
            }
            .order-grid {
                display: grid;
                grid-template-columns: 0.95fr 1.05fr;
                gap: 70px;
                align-items: center;
            }
            .order-visual {
                position: relative;
                min-height: 430px;
                border-radius: 30px;
                overflow: hidden;
                background: #fff;
                border: 1px solid #e5e7e3;
            }
            .order-visual img {
                width: 100%;
                height: 100%;
                min-height: 430px;
                object-fit: cover;
            }
            .order-badge {
                position: absolute;
                left: 20px;
                bottom: 20px;
                background: #fff;
                padding: 15px 18px;
                border-radius: 15px;
                box-shadow: 0 15px 40px rgba(0, 0, 0, 0.16);
                font-size: 13px;
                font-weight: 900;
            }
            .steps {
                display: grid;
                gap: 18px;
                margin-top: 28px;
            }
            .step {
                display: grid;
                grid-template-columns: 48px 1fr;
                gap: 15px;
                align-items: start;
            }
            .step-no {
                width: 42px;
                height: 42px;
                border-radius: 50%;
                display: grid;
                place-items: center;
                background: var(--yellow);
                font-weight: 900;
            }
            .step h3 {
                font-size: 18px;
                margin: 1px 0 4px;
            }
            .step p {
                margin: 0;
                color: var(--muted);
                font-size: 14px;
            }
            .app-band {
                background: #080b10;
                color: #fff;
                border-radius: 30px;
                padding: 58px 60px;
                display: grid;
                grid-template-columns: 1fr 0.85fr;
                gap: 60px;
                align-items: center;
                overflow: hidden;
            }
            .app-band h2 {
                color: #fff;
            }
            .app-band p {
                color: #b8c0c9;
                max-width: 560px;
                font-size: 17px;
            }
            .store-row {
                display: flex;
                align-items: center;
                gap: 12px;
                flex-wrap: wrap;
                margin-top: 25px;
            }
            .store-btn {
                background: #fff;
                color: #111;
                border-radius: 12px;
                padding: 12px 16px;
                font-size: 13px;
                font-weight: 900;
            }
            .store-img {
                width: 125px;
                height: 115px;
                object-fit: contain;
                border-radius: 10px;
                display: none;
            }
            .faq-grid {
                display: grid;
                grid-template-columns: 0.75fr 1.25fr;
                gap: 70px;
            }
            .faq-list {
                display: grid;
                gap: 10px;
            }
            details {
                border: 1px solid var(--line);
                border-radius: 15px;
                background: #fff;
                padding: 18px 20px;
            }
            summary {
                cursor: pointer;
                font-weight: 800;
                list-style: none;
                position: relative;
                padding-right: 25px;
            }
            summary::-webkit-details-marker {
                display: none;
            }
            summary::after {
                content: "+";
                position: absolute;
                right: 0;
                top: -1px;
                font-size: 21px;
            }
            details[open] summary::after {
                content: "–";
            }
            details p {
                color: var(--muted);
                font-size: 14px;
                margin: 13px 0 0;
            }
            .partner {
                background: var(--cream);
            }
            .partner-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 65px;
                align-items: center;
            }
            .partner-card {
                background: #fff;
                border: 1px solid var(--line);
                border-radius: 25px;
                padding: 32px;
            }
            .partner-card ul {
                margin: 0;
                padding-left: 20px;
                color: var(--muted);
                display: grid;
                gap: 9px;
            }
            .footer {
                background: #080b10;
                color: #aeb8c3;
                padding: 70px 0 25px;
            }
            .footer-grid {
                display: grid;
                grid-template-columns: 1.25fr 1fr 1fr 1fr;
                gap: 45px;
            }
            .footer-logo {
                width: 145px;
                height: 56px;
                object-fit: contain;
                border-radius: 10px;
                margin-bottom: 18px;
            }
            .footer h3 {
                color: #fff;
                font-size: 14px;
                margin: 0 0 16px;
            }
            .footer a {
                display: block;
                font-size: 13px;
                margin: 9px 0;
            }
            .footer p {
                font-size: 13px;
                line-height: 1.7;
            }
            .footer-bottom {
                border-top: 1px solid rgba(255, 255, 255, 0.11);
                margin-top: 48px;
                padding-top: 18px;
                font-size: 11px;
                display: flex;
                justify-content: space-between;
                gap: 20px;
            }
            .toast {
                position: fixed;
                right: 20px;
                bottom: 20px;
                background: #080b10;
                color: #fff;
                padding: 15px 18px;
                border-radius: 14px;
                box-shadow: 0 18px 50px rgba(0, 0, 0, 0.25);
                opacity: 0;
                transform: translateY(18px);
                transition: 0.25s;
                z-index: 100;
            }
            .toast.show {
                opacity: 1;
                transform: none;
            }
            @media (max-width: 900px) {
                .container {
                    width: min(100% - 32px, 1180px);
                }
                .topbar-inner {
                    justify-content: center;
                    text-align: center;
                    padding: 8px 0;
                    min-height: auto;
                }
                .topbar .email {
                    display: none;
                }
                .nav {
                    height: 70px;
                }
                .navlinks {
                    display: none;
                }
                .menu {
                    display: block;
                }
                .hero {
                    padding: 50px 0 68px;
                }
                .hero-grid,
                .section-head,
                .service-layout,
                .order-grid,
                .app-band,
                .faq-grid,
                .partner-grid {
                    grid-template-columns: 1fr;
                }
                .hero-media {
                    min-height: 430px;
                }
                .booking {
                    grid-template-columns: 1fr;
                }
                .booking button {
                    min-height: 52px;
                }
                .cards {
                    grid-template-columns: 1fr;
                }
                .reasons {
                    grid-template-columns: 1fr;
                }
                .reason {
                    border-right: 0;
                    border-bottom: 1px solid var(--line);
                }
                .reason:last-child {
                    border-bottom: 0;
                }
                .app-band {
                    padding: 42px 30px;
                }
                .footer-grid {
                    grid-template-columns: 1fr 1fr;
                }
            }
            @media (max-width: 560px) {
                .container {
                    width: calc(100% - 24px);
                }
                .logo {
                    width: 125px;
                }
                .hero h1 {
                    font-size: 45px;
                }
                .hero-copy {
                    font-size: 17px;
                }
                .hero-media {
                    min-height: 330px;
                    border-radius: 22px;
                }
                .service-list {
                    grid-template-columns: 1fr;
                }
                .section {
                    padding: 70px 0;
                }
                .app-band {
                    border-radius: 22px;
                    padding: 32px 23px;
                }
                .footer-grid {
                    grid-template-columns: 1fr;
                }
                .footer-bottom {
                    display: block;
                }
                .footer-bottom span {
                    display: block;
                    margin-top: 8px;
                }
            }

            /* KonekGo improvement layer */
            .nav-download {
                display: flex;
                align-items: center;
                gap: 9px;
                background: transparent;
                padding: 4px;
                border-radius: 999px;
                font-weight: 900;
                white-space: nowrap;
            }
            .lang-pill {
                display: inline-flex;
                align-items: center;
                gap: 7px;
                padding: 11px 14px;
                border: 1px solid #cfd6df;
                border-radius: 999px;
                background: #f7f9fc;
                color: #15243f;
                font-size: 12px;
            }
            .download-pill {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                padding: 13px 20px;
                border-radius: 999px;
                background: #fff;
                color: #111;
                border: 1px solid #d9dde3;
                box-shadow: 0 5px 16px rgba(0, 0, 0, 0.07);
                font-size: 14px;
            }
            .nav-download:hover .download-pill {
                background: var(--yellow);
                border-color: var(--yellow);
            }
            .hero-slider {
                background: #fff;
                padding: 34px 0 52px;
                position: relative;
            }
            .hero-slider-viewport {
                width: min(1280px, calc(100% - 32px));
                margin: 0 auto;
                overflow: hidden;
                border-radius: 30px;
                box-shadow: 0 24px 70px rgba(8, 25, 55, 0.13);
            }
            .hero-slider-track {
                display: flex;
                width: 200%;
                transition: transform 0.65s cubic-bezier(0.22, 0.61, 0.36, 1);
            }
            .hero-slide {
                width: 50%;
                min-width: 50%;
                display: grid;
                grid-template-columns: 46% 54%;
                min-height: 530px;
                background: var(--cream);
            }
            .hero-copy-panel {
                padding: 58px 58px 52px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                background: linear-gradient(135deg, #fffef5, #fff5bd);
            }
            .hero-copy-panel h1 {
                font-size: clamp(48px, 5.7vw, 78px);
                line-height: 0.96;
                letter-spacing: -0.06em;
                margin: 0 0 22px;
                font-weight: 900;
                max-width: 650px;
            }
            .hero-copy-panel .hero-copy {
                font-size: 18px;
                max-width: 560px;
            }
            .hero-copy-panel .hero-note {
                margin-top: 23px;
            }
            .hero-media {
                min-height: 530px;
                border-radius: 0;
                box-shadow: none;
            }
            .hero-media img {
                object-position: center;
            }
            .pickup-copy {
                background: linear-gradient(135deg, #f8fcff 0%, #fff 48%, #fff1bd 100%);
            }
            .hero-arrow {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                width: 48px;
                height: 48px;
                border: 0;
                border-radius: 50%;
                background: #fff;
                color: #071a45;
                box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16);
                font-size: 31px;
                cursor: pointer;
                z-index: 6;
            }
            .hero-prev {
                left: max(8px, calc((100% - 1280px) / 2 - 25px));
            }
            .hero-next {
                right: max(8px, calc((100% - 1280px) / 2 - 25px));
            }
            .hero-dots {
                position: absolute;
                bottom: 23px;
                left: 50%;
                transform: translateX(-50%);
                display: flex;
                gap: 8px;
                z-index: 6;
            }
            .hero-dot {
                width: 9px;
                height: 9px;
                padding: 0;
                border: 0;
                border-radius: 50%;
                background: #b8c5d6;
                cursor: pointer;
            }
            .hero-dot.active {
                background: var(--blue);
                box-shadow: 0 0 0 4px rgba(8, 104, 232, 0.12);
            }
            .services-reference {
                padding: 88px 0 102px;
                background: #fff;
            }
            .services-reference-head {
                margin-bottom: 30px;
            }
            .services-reference-head .kicker {
                color: var(--blue);
                font-size: 15px;
                letter-spacing: 0.09em;
            }
            .services-reference-head h2 {
                font-size: clamp(52px, 6.1vw, 76px);
                color: #071a45;
                margin: 8px 0 2px;
                line-height: 0.95;
            }
            .view-services {
                font-size: 24px;
                color: var(--blue);
                display: inline-block;
                margin-top: 8px;
            }
            .service-cards {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 28px;
            }
            .service-card {
                border: 1px solid #dbe4f0;
                border-radius: 28px;
                padding: 48px 48px 38px;
                background: #fff;
                box-shadow: 0 8px 28px rgba(9, 37, 78, 0.03);
                overflow: hidden;
            }
            .service-card-image {
                height: 260px;
                margin: -1px 0 18px;
                overflow: hidden;
                border-radius: 0;
                background: #eef5fb;
            }
            .service-card-image img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
            }
            .service-card h3 {
                font-size: 30px;
                line-height: 1.05;
                letter-spacing: -0.04em;
                color: #071a45;
                margin: 0 0 12px;
            }
            .service-card p {
                font-size: 18px;
                line-height: 1.45;
                color: #68717c;
                margin: 0 0 8px;
                min-height: 52px;
            }
            .service-card > a {
                font-size: 18px;
                color: #071a45;
                font-weight: 500;
            }
            .service-card:hover {
                transform: translateY(-3px);
                box-shadow: 0 18px 45px rgba(9, 37, 78, 0.1);
                transition: 0.25s;
            }
            @media (max-width: 900px) {
                .nav-download {
                    margin-left: auto;
                }
                .nav-download .lang-pill {
                    display: none;
                }
                .hero-slider {
                    padding: 18px 0 45px;
                }
                .hero-slider-viewport {
                    width: calc(100% - 24px);
                    border-radius: 23px;
                }
                .hero-slide {
                    grid-template-columns: 1fr;
                    min-height: 0;
                }
                .hero-copy-panel {
                    padding: 38px 28px 30px;
                }
                .hero-copy-panel h1 {
                    font-size: 50px;
                }
                .hero-media {
                    min-height: 320px;
                    height: 320px;
                }
                .hero-media img {
                    min-height: 320px;
                }
                .hero-arrow {
                    width: 40px;
                    height: 40px;
                    font-size: 26px;
                }
                .hero-prev {
                    left: 9px;
                }
                .hero-next {
                    right: 9px;
                }
                .service-cards {
                    grid-template-columns: 1fr;
                }
                .service-card {
                    padding: 30px;
                }
                .service-card-image {
                    height: 250px;
                }
            }
            @media (max-width: 560px) {
                .download-pill {
                    padding: 11px 15px;
                    font-size: 12px;
                }
                .hero-copy-panel {
                    padding: 31px 22px 28px;
                }
                .hero-copy-panel h1 {
                    font-size: 43px;
                }
                .hero-copy-panel .hero-copy {
                    font-size: 16px;
                }
                .hero-media {
                    min-height: 245px;
                    height: 245px;
                }
                .hero-media img {
                    min-height: 245px;
                }
                .services-reference {
                    padding: 70px 0;
                }
                .services-reference-head h2 {
                    font-size: 48px;
                }
                .view-services {
                    font-size: 20px;
                }
                .service-card {
                    padding: 22px;
                }
                .service-card-image {
                    height: 220px;
                }
                .service-card h3 {
                    font-size: 27px;
                }
            }

            /* Final self-pickup visual correction */
            .pickup-media img {
                object-fit: cover;
                object-position: center;
            }
            .pickup-copy .hero-copy {
                max-width: 570px;
            }

            /* ===== KONEKGO WOW IMAGE LAYER ===== */
            .hero-media img,
            .service-card-image img,
            #ordering img,
            #app img {
                image-rendering: auto;
            }
            .hero-media img {
                object-fit: cover;
                object-position: center;
                filter: saturate(1.04) contrast(1.02);
            }
            .service-card-image {
                position: relative;
                background: #eaf5ff;
            }
            .service-card-image img {
                transition:
                    transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1),
                    filter 0.35s ease;
                filter: saturate(1.05) contrast(1.02);
            }
            .service-card:hover .service-card-image img {
                transform: scale(1.045);
                filter: saturate(1.12) contrast(1.04);
            }
            #ordering img,
            #app img {
                max-height: 720px;
                object-fit: contain;
                object-position: center;
                border-radius: 28px;
                box-shadow: 0 24px 70px rgba(7, 31, 76, 0.16);
                background: #fff;
            }
            #ordering img {
                border: 1px solid rgba(8, 104, 232, 0.1);
            }
            #app img {
                border: 1px solid rgba(7, 31, 76, 0.08);
            }
            @media (max-width: 900px) {
                #ordering img,
                #app img {
                    max-height: 650px;
                    border-radius: 22px;
                }
            }

            /* KonekGo new-page / WOW layer */
            .kpage {
                display: block;
                padding: 105px 0 120px;
                background: #fff;
                scroll-margin-top: 90px;
            }
            .kpage.page-active {
                display: block;
            }
            .kpage h1,
            .kpage h2,
            .kpage h3 {
                letter-spacing: -0.045em;
                color: #071a45;
            }
            .kpage p {
                color: #596a82;
            }
            .page-kicker {
                display: inline-block;
                color: #0868e8;
                font-weight: 900;
                letter-spacing: 0.12em;
                font-size: 13px;
                margin-bottom: 12px;
            }
            .kpage-hero {
                width: min(1280px, calc(100% - 32px));
                margin: 0 auto;
                border-radius: 34px;
                overflow: hidden;
                display: grid;
                grid-template-columns: 46% 54%;
                min-height: 570px;
                background: linear-gradient(135deg, #fffef2, #fff0a9);
                box-shadow: 0 24px 80px rgba(7, 26, 69, 0.13);
            }
            .kpage-hero-copy {
                padding: 72px 64px;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }
            .kpage-hero-copy h1 {
                font-size: clamp(48px, 6vw, 78px);
                line-height: 0.94;
                margin: 0 0 24px;
            }
            .kpage-hero-copy h1 span {
                color: #0868e8;
            }
            .kpage-hero-copy p {
                font-size: 19px;
                line-height: 1.55;
                max-width: 590px;
            }
            .kpage-hero-visual {
                min-height: 570px;
            }
            .kpage-hero-visual img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
            }
            .wow-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 12px;
                width: max-content;
                margin-top: 20px;
                padding: 15px 24px;
                border-radius: 999px;
                background: #0868e8;
                color: #fff !important;
                font-weight: 900;
                box-shadow: 0 12px 28px rgba(8, 104, 232, 0.22);
                transition: 0.25s;
                text-decoration: none;
                border: 0;
                cursor: pointer;
            }
            .wow-btn:hover {
                transform: translateY(-2px);
                box-shadow: 0 18px 35px rgba(8, 104, 232, 0.28);
            }
            .wow-btn.yellow {
                background: #ffd21a;
                color: #071a45 !important;
            }
            .service-benefits {
                width: min(1180px, calc(100% - 32px));
                margin: 35px auto 80px;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 18px;
            }
            .service-benefits div,
            .package-card {
                border: 1px solid #dfe8f4;
                border-radius: 24px;
                padding: 27px;
                background: #fff;
                box-shadow: 0 12px 35px rgba(7, 26, 69, 0.06);
            }
            .service-benefits b {
                display: block;
                font-size: 19px;
                color: #071a45;
                margin-bottom: 7px;
            }
            .service-benefits span {
                color: #65748a;
            }
            .service-draft-block,
            .portfolio-block {
                width: min(1180px, calc(100% - 32px));
                margin: 0 auto 85px;
            }
            .draft-heading {
                margin-bottom: 24px;
            }
            .draft-heading h2 {
                font-size: clamp(38px, 5vw, 58px);
                margin: 0;
                line-height: 1;
            }
            .wide-draft-image {
                display: block;
                width: 100%;
                border-radius: 28px;
                box-shadow: 0 22px 65px rgba(7, 26, 69, 0.12);
                border: 1px solid #e1e8f1;
                background: #fff;
            }
            .service-packages {
                width: min(1180px, calc(100% - 32px));
                margin: 0 auto 85px;
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 18px;
            }
            .package-card {
                position: relative;
                min-height: 235px;
                display: flex;
                flex-direction: column;
            }
            .package-card h3 {
                font-size: 27px;
                margin: 8px 0 9px;
            }
            .package-card p {
                line-height: 1.45;
            }
            .package-card strong {
                margin-top: auto;
                color: #0868e8;
                font-size: 18px;
            }
            .package-card a {
                margin-top: 10px;
                color: #071a45;
                font-weight: 900;
                text-decoration: none;
            }
            .package-card.featured {
                border: 2px solid #ffd21a;
            }
            .package-badge {
                position: absolute;
                right: 18px;
                top: 18px;
                background: #ffd21a;
                color: #071a45;
                padding: 6px 10px;
                border-radius: 999px;
                font-size: 11px;
                font-weight: 900;
            }
            .visual-feature {
                width: min(1180px, calc(100% - 32px));
                margin: 0 auto 85px;
                border-radius: 30px;
                overflow: hidden;
                display: grid;
                grid-template-columns: 40% 60%;
                background: #071a45;
                color: #fff;
                box-shadow: 0 24px 65px rgba(7, 26, 69, 0.18);
            }
            .visual-feature > div {
                padding: 55px;
            }
            .visual-feature h2 {
                color: #fff;
                font-size: 50px;
                margin: 0 0 15px;
            }
            .visual-feature p {
                color: #dce8fa;
            }
            .visual-feature img {
                width: 100%;
                height: 100%;
                min-height: 410px;
                object-fit: cover;
            }
            .partner-split {
                width: min(1180px, calc(100% - 32px));
                margin: 80px auto;
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 50px;
                align-items: center;
            }
            .partner-split img {
                width: 100%;
                border-radius: 30px;
                box-shadow: 0 22px 60px rgba(7, 26, 69, 0.12);
            }
            .partner-split h2 {
                font-size: 55px;
                line-height: 0.98;
                margin: 0 0 18px;
            }
            .partner-benefits {
                width: min(1180px, calc(100% - 32px));
                margin: 0 auto 80px;
                display: grid;
                grid-template-columns: 1fr 1fr;
                border-top: 1px solid #dfe8f4;
            }
            .partner-benefits article {
                padding: 42px 30px;
            }
            .partner-benefits article + article {
                border-left: 1px solid #dfe8f4;
            }
            .partner-benefits h3 {
                font-size: 29px;
            }
            .partner-benefits li {
                margin: 13px 0;
                color: #586a82;
            }
            .partner-tools {
                width: min(1180px, calc(100% - 32px));
                margin: 0 auto 80px;
                display: grid;
                grid-template-columns: 42% 58%;
                background: #fff8d8;
                border-radius: 30px;
                overflow: hidden;
                align-items: center;
            }
            .partner-tools > div {
                padding: 50px;
            }
            .partner-tools h2 {
                font-size: 48px;
                line-height: 1;
            }
            .partner-tools img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .partner-tools-reference {
                position: relative;
                background-image:
                    linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)),
                    url("images/partner-tools-reference.jpg");
                background-size: cover;
                background-position: center;
            }

            /* ===== Updated Be Our Partner tools section ===== */
            .partner-tools {
                width: min(1180px, calc(100% - 32px));
                margin: 0 auto 80px;
                display: grid;
                grid-template-columns: 42% 58%;
                background: #fff8d8;
                border-radius: 30px;
                overflow: hidden;
                align-items: stretch;
                min-height: 430px;
                box-shadow: 0 18px 55px rgba(7, 26, 69, 0.08);
            }
            .partner-tools-copy {
                padding: 58px 52px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                background: linear-gradient(135deg, #fff8d8, #fff3bd);
            }
            .partner-tools-copy h2 {
                font-size: clamp(42px, 4.7vw, 62px);
                line-height: 0.98;
                margin: 0 0 22px;
                color: #071a45;
            }
            .partner-tools-copy p {
                font-size: 18px;
                line-height: 1.55;
                max-width: 560px;
                margin: 0;
                color: #5a6c84;
            }
            .partner-tools-reference {
                display: grid;
                grid-template-columns: 1fr 1fr;
                background: #fff;
                padding: 48px 42px;
                gap: 34px;
                align-items: center;
            }
            .partner-tool-column + .partner-tool-column {
                border-left: 1px solid #dfe5ed;
                padding-left: 38px;
            }
            .partner-tool-column h3 {
                font-size: 32px;
                line-height: 1.03;
                letter-spacing: -0.035em;
                color: #071a45;
                margin: 0 0 24px;
            }
            .partner-tool-column ul {
                list-style: none;
                padding: 0;
                margin: 0;
                display: grid;
                gap: 16px;
            }
            .partner-tool-column li {
                position: relative;
                padding-left: 30px;
                color: #46576d;
                font-size: 15px;
                line-height: 1.45;
            }
            .partner-tool-column li::before {
                content: "✓";
                position: absolute;
                left: 0;
                top: 1px;
                width: 20px;
                height: 20px;
                border-radius: 50%;
                display: grid;
                place-items: center;
                background: #6bd1bd;
                color: #fff;
                font-size: 12px;
                font-weight: 900;
            }
            @media (max-width: 950px) {
                .partner-tools {
                    grid-template-columns: 1fr;
                }
                .partner-tools-reference {
                    grid-template-columns: 1fr;
                }
                .partner-tool-column + .partner-tool-column {
                    border-left: 0;
                    border-top: 1px solid #dfe5ed;
                    padding-left: 0;
                    padding-top: 32px;
                }
            }
            @media (max-width: 600px) {
                .partner-tools {
                    width: calc(100% - 20px);
                    border-radius: 24px;
                }
                .partner-tools-copy {
                    padding: 38px 25px;
                }
                .partner-tools-reference {
                    padding: 35px 25px;
                    gap: 30px;
                }
                .partner-tool-column h3 {
                    font-size: 30px;
                }
            }

            .partner-form-card {
                width: min(1080px, calc(100% - 32px));
                margin: 0 auto 80px;
                padding: 45px;
                border-radius: 30px;
                background: #f6f9fd;
                box-shadow: 0 20px 60px rgba(7, 26, 69, 0.08);
            }
            .partner-form-card h2,
            .community-form h2 {
                font-size: 48px;
                margin: 0 0 10px;
            }
            .form-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 16px;
            }
            .partner-form-card label,
            .community-form label {
                display: block;
                color: #071a45;
                font-weight: 800;
                margin-top: 15px;
            }
            .partner-form-card input,
            .partner-form-card select,
            .partner-form-card textarea,
            .community-form input,
            .community-form select,
            .community-form textarea {
                width: 100%;
                box-sizing: border-box;
                margin-top: 7px;
                padding: 14px 16px;
                border: 1px solid #d6dfeb;
                border-radius: 15px;
                background: #fff;
                font: inherit;
                color: #18283f;
            }
            .partner-form-card textarea,
            .community-form textarea {
                resize: vertical;
            }
            .partner-bottom {
                width: min(1180px, calc(100% - 32px));
                margin: 0 auto;
            }
            .partner-bottom img {
                width: 100%;
                border-radius: 28px;
            }
            .community-hero {
                width: min(1180px, calc(100% - 32px));
                margin: 0 auto 60px;
                display: grid;
                grid-template-columns: 45% 55%;
                align-items: center;
                background: linear-gradient(135deg, #f7fbff, #fff8d7);
                border-radius: 34px;
                overflow: hidden;
                box-shadow: 0 24px 70px rgba(7, 26, 69, 0.1);
            }
            .community-hero > div:first-child {
                padding: 60px;
            }
            .community-hero h1 {
                font-size: 64px;
                line-height: 0.95;
                margin: 0 0 20px;
            }
            .community-hero h1 span {
                color: #0868e8;
            }
            .community-hero p {
                font-size: 19px;
                line-height: 1.6;
            }
            .community-art img {
                width: 100%;
                height: 100%;
                min-height: 470px;
                object-fit: cover;
            }
            .community-cards {
                width: min(1180px, calc(100% - 32px));
                margin: 0 auto 65px;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 18px;
            }
            .community-cards article {
                padding: 32px;
                border: 1px solid #dce6f2;
                border-radius: 26px;
                box-shadow: 0 15px 45px rgba(7, 26, 69, 0.06);
                background: #fff;
            }
            .community-icon {
                display: grid;
                place-items: center;
                width: 48px;
                height: 48px;
                border-radius: 15px;
                background: #fff1a8;
                color: #0868e8;
                font-size: 24px;
            }
            .community-cards h3 {
                font-size: 26px;
            }
            .community-cards button {
                border: 0;
                background: none;
                color: #0868e8;
                font-weight: 900;
                padding: 0;
                cursor: pointer;
            }
            .reward-panel {
                width: min(1180px, calc(100% - 32px));
                margin: 0 auto 65px;
                padding: 45px;
                border-radius: 30px;
                background: #071a45;
                color: #fff;
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 30px;
            }
            .reward-panel h2 {
                color: #fff;
                font-size: 46px;
                margin: 0 0 12px;
            }
            .reward-panel p {
                color: #c9d8ec;
                max-width: 700px;
            }
            .reward-badges {
                display: flex;
                flex-direction: column;
                gap: 12px;
            }
            .reward-badges span {
                background: #fff;
                color: #071a45;
                border-radius: 999px;
                padding: 11px 17px;
                font-weight: 900;
                white-space: nowrap;
            }
            .community-form {
                width: min(1080px, calc(100% - 32px));
                margin: 0 auto;
                padding: 45px;
                border-radius: 30px;
                background: #f6f9fd;
            }
            .community-form h2 {
                margin-bottom: 20px;
            }
            .terms-hero {
                width: min(1180px, calc(100% - 32px));
                margin: 0 auto 35px;
                padding: 65px;
                border-radius: 32px;
                background: linear-gradient(135deg, #071a45, #0868e8);
                color: #fff;
                box-shadow: 0 25px 70px rgba(7, 26, 69, 0.18);
            }
            .terms-hero h1 {
                color: #fff;
                font-size: 70px;
                line-height: 0.95;
                margin: 0 0 18px;
            }
            .terms-hero p {
                color: #dbe7f7;
                font-size: 19px;
            }
            .legal-meta {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                margin-top: 24px;
            }
            .legal-meta span {
                padding: 9px 13px;
                border-radius: 999px;
                background: rgba(255, 255, 255, 0.12);
                font-size: 13px;
            }
            .legal-notice {
                width: min(1080px, calc(100% - 32px));
                margin: 0 auto 35px;
                padding: 20px 24px;
                border-left: 5px solid #ffd21a;
                background: #fff9db;
                border-radius: 12px;
                color: #42536a;
                line-height: 1.55;
            }
            .terms-content {
                width: min(1080px, calc(100% - 32px));
                margin: 0 auto;
            }
            .terms-content h2 {
                font-size: 29px;
                margin: 42px 0 12px;
                padding-top: 20px;
                border-top: 1px solid #e6edf5;
            }
            .terms-content p {
                font-size: 15.5px;
                line-height: 1.7;
                margin: 9px 0;
                color: #52637a;
            }
            header a.active-page-tab {
                color: #0868e8 !important;
            }
            header a.active-page-tab::after {
                content: "";
                display: block;
                height: 3px;
                border-radius: 4px;
                background: #ffd21a;
                margin-top: 7px;
            }
            @media (max-width: 950px) {
                .kpage {
                    padding: 75px 0;
                }
                .kpage-hero,
                .community-hero {
                    grid-template-columns: 1fr;
                }
                .kpage-hero-copy {
                    padding: 45px 30px;
                }
                .kpage-hero-visual,
                .community-art img {
                    min-height: 360px;
                    height: 360px;
                }
                .service-benefits,
                .community-cards {
                    grid-template-columns: 1fr 1fr;
                }
                .service-packages {
                    grid-template-columns: 1fr 1fr;
                }
                .visual-feature,
                .partner-tools,
                .partner-split {
                    grid-template-columns: 1fr;
                }
                .visual-feature img {
                    min-height: 320px;
                }
                .partner-benefits {
                    grid-template-columns: 1fr;
                }
                .partner-benefits article + article {
                    border-left: 0;
                    border-top: 1px solid #dfe8f4;
                }
                .reward-panel {
                    flex-direction: column;
                    align-items: flex-start;
                }
                .reward-badges {
                    flex-direction: row;
                    flex-wrap: wrap;
                }
            }
            @media (max-width: 600px) {
                .kpage {
                    padding: 55px 0;
                }
                .kpage-hero,
                .community-hero,
                .terms-hero {
                    width: calc(100% - 20px);
                    border-radius: 24px;
                }
                .kpage-hero-copy {
                    padding: 34px 23px;
                }
                .kpage-hero-copy h1 {
                    font-size: 46px;
                }
                .service-benefits,
                .service-packages,
                .community-cards {
                    width: calc(100% - 20px);
                    grid-template-columns: 1fr;
                }
                .service-draft-block,
                .portfolio-block,
                .visual-feature,
                .partner-split,
                .partner-benefits,
                .partner-tools,
                .partner-form-card,
                .partner-bottom,
                .community-form,
                .reward-panel {
                    width: calc(100% - 20px);
                }
                .visual-feature > div {
                    padding: 30px;
                }
                .visual-feature h2,
                .partner-split h2,
                .partner-tools h2,
                .partner-form-card h2,
                .community-form h2 {
                    font-size: 38px;
                }
                .form-grid {
                    grid-template-columns: 1fr;
                }
                .community-hero > div:first-child {
                    padding: 38px 25px;
                }
                .community-hero h1 {
                    font-size: 44px;
                }
                .reward-panel {
                    padding: 30px;
                }
                .reward-panel h2 {
                    font-size: 38px;
                }
                .terms-hero {
                    padding: 38px 25px;
                }
                .terms-hero h1 {
                    font-size: 50px;
                }
                .terms-content {
                    width: calc(100% - 28px);
                }
            }

            /* ===== FINAL KONEKGO IMAGE / RESPONSIVE WOW CORRECTION ===== */
            .partner-hero-image {
                width: 100% !important;
                height: 100% !important;
                min-height: 570px !important;
                object-fit: cover !important;
                object-position: center center !important;
                display: block !important;
                filter: saturate(1.04) contrast(1.02) !important;
            }
            .partner-support-image,
            .partner-benefit-image {
                width: 100% !important;
                height: 100% !important;
                min-height: 360px !important;
                max-height: 560px !important;
                object-fit: cover !important;
                object-position: center !important;
                display: block !important;
                border-radius: 28px !important;
                filter: saturate(1.04) contrast(1.02) !important;
            }
            .partner-tools {
                min-height: 430px;
                overflow: hidden;
            }
            .partner-tools-reference {
                min-width: 0;
                overflow: hidden;
                background-image: none !important;
            }
            .partner-tools-copy,
            .partner-tools-reference,
            .partner-tool-column {
                min-width: 0;
            }
            .partner-tools-copy h2,
            .partner-tool-column h3,
            .partner-tools-copy p,
            .partner-tool-column li {
                overflow-wrap: anywhere;
            }
            @media (max-width: 950px) {
                .partner-hero-image {
                    min-height: 390px !important;
                    height: 390px !important;
                }
                .partner-support-image,
                .partner-benefit-image {
                    min-height: 330px !important;
                    max-height: 440px !important;
                }
            }
            @media (max-width: 600px) {
                .partner-hero-image {
                    min-height: 300px !important;
                    height: 300px !important;
                    object-position: center center !important;
                }
                .partner-support-image,
                .partner-benefit-image {
                    min-height: 260px !important;
                    max-height: 340px !important;
                    border-radius: 22px !important;
                }
            }

            :root {
                --kg-blue: #0756d9;
                --kg-navy: #071a45;
                --kg-yellow: #ffd21f;
                --kg-sky: #eaf4ff;
                --kg-cream: #fff8d8;
                --kg-mint: #67d0ba;
            }
            .page-shell {
                max-width: 1180px;
                margin: 0 auto;
                padding: 0 22px;
            }
            .kg-hero {
                position: relative;
                overflow: hidden;
                border-radius: 0 0 34px 34px;
                min-height: 470px;
                display: grid;
                align-items: center;
                background: #0756d9;
            }
            .kg-hero::before {
                content: "";
                position: absolute;
                inset: 0;
                background-image: var(--hero-img);
                background-size: cover;
                background-position: center;
                opacity: 0.95;
            }
            .kg-hero::after {
                content: "";
                position: absolute;
                inset: 0;
                background: linear-gradient(
                    90deg,
                    rgba(7, 26, 69, 0.92) 0%,
                    rgba(7, 26, 69, 0.66) 42%,
                    rgba(7, 26, 69, 0.08) 78%,
                    rgba(7, 26, 69, 0.02) 100%
                );
            }
            .kg-hero-content {
                position: relative;
                z-index: 2;
                width: min(1180px, calc(100% - 44px));
                margin: auto;
                color: #fff;
                padding: 70px 0;
            }
            .kg-kicker {
                font-size: 14px;
                font-weight: 900;
                letter-spacing: 0.14em;
                text-transform: uppercase;
                color: var(--kg-yellow);
                margin-bottom: 14px;
            }
            .kg-hero h1 {
                font-size: clamp(42px, 6vw, 76px);
                line-height: 0.95;
                letter-spacing: -0.045em;
                margin: 0 0 18px;
                max-width: 700px;
            }
            .kg-hero p {
                font-size: 19px;
                line-height: 1.55;
                max-width: 650px;
                margin: 0 0 26px;
                color: rgba(255, 255, 255, 0.94);
            }
            .kg-btn {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                background: var(--kg-yellow);
                color: #071a45 !important;
                border-radius: 999px;
                padding: 15px 25px;
                font-weight: 900;
                text-decoration: none;
                box-shadow: 0 10px 28px rgba(0, 0, 0, 0.14);
            }
            .kg-section {
                padding: 76px 0;
            }
            .kg-section.alt {
                background: var(--kg-sky);
            }
            .kg-section.cream {
                background: var(--kg-cream);
            }
            .kg-title {
                font-size: clamp(34px, 4.5vw, 58px);
                line-height: 1;
                letter-spacing: -0.04em;
                color: var(--kg-navy);
                margin: 0 0 14px;
            }
            .kg-lead {
                font-size: 18px;
                line-height: 1.6;
                color: #52657c;
                max-width: 760px;
                margin: 0 auto 34px;
            }
            .kg-center {
                text-align: center;
            }
            .kg-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 20px;
            }
            .kg-card {
                background: #fff;
                border: 1px solid #e7edf5;
                border-radius: 24px;
                padding: 27px;
                box-shadow: 0 14px 40px rgba(7, 26, 69, 0.07);
            }
            .kg-card h3 {
                color: var(--kg-navy);
                font-size: 22px;
                margin: 0 0 9px;
            }
            .kg-card p,
            .kg-card li {
                color: #596b80;
                line-height: 1.55;
            }
            .kg-card ul {
                margin: 12px 0 0;
                padding-left: 20px;
            }
            .kg-icon {
                width: 50px;
                height: 50px;
                border-radius: 16px;
                display: grid;
                place-items: center;
                background: #eaf4ff;
                color: var(--kg-blue);
                font-size: 24px;
                margin-bottom: 18px;
            }
            .kg-split {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 34px;
                align-items: center;
            }
            .kg-visual {
                min-height: 330px;
                border-radius: 28px;
                background-image: var(--visual-img);
                background-size: cover;
                background-position: center;
                box-shadow: 0 18px 55px rgba(7, 26, 69, 0.12);
            }
            .kg-list {
                display: grid;
                gap: 13px;
                margin-top: 22px;
            }
            .kg-list div {
                display: flex;
                gap: 12px;
                align-items: flex-start;
                color: #3f5268;
                line-height: 1.45;
            }
            .kg-check {
                width: 24px;
                height: 24px;
                border-radius: 50%;
                background: var(--kg-mint);
                color: #fff;
                display: grid;
                place-items: center;
                flex: none;
                font-weight: 900;
            }
            .kg-cta {
                background: linear-gradient(110deg, #0756d9, #0a78ee);
                color: #fff;
                border-radius: 30px;
                padding: 54px;
                text-align: center;
                overflow: hidden;
                position: relative;
            }
            .kg-cta h2 {
                font-size: clamp(32px, 4vw, 52px);
                margin: 0 0 12px;
            }
            .kg-cta p {
                font-size: 18px;
                opacity: 0.94;
                max-width: 720px;
                margin: 0 auto 25px;
            }
            .kg-faq {
                display: grid;
                gap: 14px;
                max-width: 920px;
                margin: 30px auto 0;
            }
            .kg-faq details {
                background: #fff;
                border: 1px solid #dfe7f1;
                border-radius: 18px;
                padding: 19px 22px;
                box-shadow: 0 7px 25px rgba(7, 26, 69, 0.05);
            }
            .kg-faq summary {
                cursor: pointer;
                font-weight: 900;
                color: var(--kg-navy);
                font-size: 17px;
            }
            .kg-faq p {
                color: #586b81;
                line-height: 1.6;
                margin: 15px 0 0;
            }
            .kg-table {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 15px;
                margin-top: 28px;
            }
            .kg-price {
                background: #fff;
                border: 1px solid #e1e8f0;
                border-radius: 22px;
                padding: 24px;
                box-shadow: 0 12px 34px rgba(7, 26, 69, 0.06);
            }
            .kg-price strong {
                display: block;
                color: var(--kg-navy);
                font-size: 18px;
            }
            .kg-price b {
                display: block;
                font-size: 36px;
                color: var(--kg-blue);
                margin: 12px 0;
            }
            .kg-price a {
                display: block;
                text-align: center;
            }
            .kg-small {
                font-size: 14px;
                color: #68798c;
                line-height: 1.5;
            }
            @media (max-width: 900px) {
                .kg-grid {
                    grid-template-columns: 1fr 1fr;
                }
                .kg-split {
                    grid-template-columns: 1fr;
                }
                .kg-table {
                    grid-template-columns: 1fr 1fr;
                }
                .kg-hero {
                    min-height: 440px;
                }
            }
            @media (max-width: 600px) {
                .page-shell {
                    padding: 0 14px;
                }
                .kg-hero {
                    min-height: 520px;
                    border-radius: 0 0 24px 24px;
                }
                .kg-hero-content {
                    width: calc(100% - 28px);
                    padding: 55px 0;
                }
                .kg-hero h1 {
                    font-size: 44px;
                }
                .kg-hero p {
                    font-size: 16px;
                }
                .kg-grid,
                .kg-table {
                    grid-template-columns: 1fr;
                }
                .kg-section {
                    padding: 54px 0;
                }
                .kg-visual {
                    min-height: 270px;
                }
                .kg-cta {
                    padding: 38px 22px;
                }
            }

            .skip-link {
                position: absolute;
                left: -9999px;
                top: auto;
                width: 1px;
                height: 1px;
                overflow: hidden;
            }
            .skip-link:focus {
                left: 12px;
                top: 12px;
                width: auto;
                height: auto;
                padding: 10px 14px;
                background: #ffd21f;
                color: #071a45;
                border-radius: 10px;
                z-index: 99999;
                font-weight: 800;
            }

            /* KonekGo final alignment, SEO and responsive correction layer */
            html,
            body {
                max-width: 100%;
                overflow-x: hidden;
            }
            body {
                overflow-wrap: break-word;
            }
            .container {
                max-width: 1180px;
            }
            .header {
                overflow: visible;
            }
            .nav {
                min-width: 0;
            }
            .navlinks {
                justify-content: flex-end;
                flex-wrap: nowrap;
                white-space: nowrap;
                gap: 18px;
            }
            .navlinks a {
                line-height: 1.2;
            }
            .navlinks .nav-download {
                flex: 0 0 auto;
            }
            header a.active-page-tab,
            .navlinks a.active-page-tab,
            .mobile-nav a.active-page-tab,
            footer a.active-page-tab {
                color: #0868e8 !important;
            }
            .wow-btn.active-page-tab {
                color: #fff !important;
            }
            .wow-btn.yellow.active-page-tab {
                color: #071a45 !important;
            }
            .mobile-nav {
                background: #fff;
                max-height: calc(100vh - 70px);
                overflow: auto;
            }
            .mobile-nav a {
                border-bottom: 1px solid #eef1f5;
            }
            .hero-copy,
            .section-head p,
            .service-copy > p,
            .card p,
            .reason p,
            .step p,
            .partner-card li,
            .kpage p,
            .community-hero p,
            .terms-content p {
                overflow-wrap: break-word;
            }
            .section-head {
                align-items: start;
            }
            .section-head p {
                padding-top: 8px;
            }
            .service-layout,
            .order-grid,
            .partner-grid,
            .partner-split,
            .community-hero,
            .visual-feature,
            .partner-tools {
                align-items: center;
            }
            .service-image img,
            .service-card-image img,
            .order-visual img,
            .kpage-hero-visual img,
            .community-art img,
            .visual-feature img,
            .partner-split img,
            .partner-tools img,
            .partner-bottom img {
                display: block;
                width: 100%;
                max-width: 100%;
                object-fit: cover;
                object-position: center;
            }
            .service-image img {
                height: 390px;
            }
            .service-card-image {
                overflow: hidden;
            }
            .service-card-image img {
                height: 260px;
            }
            .hero-media img {
                object-fit: cover;
                object-position: center;
            }
            .kpage-hero-visual img {
                height: 100%;
                min-height: 570px;
            }
            .community-art img {
                min-height: 470px;
            }
            .visual-feature img {
                min-height: 410px;
            }
            .partner-split img {
                max-height: 520px;
            }
            .partner-tools img {
                min-height: 390px;
            }
            .partner-bottom img {
                max-height: 520px;
                object-fit: cover;
            }
            .terms-content p {
                text-align: justify;
                hyphens: auto;
            }
            img {
                height: auto;
            }
            button,
            input,
            select,
            textarea {
                max-width: 100%;
            }
            h1,
            h2,
            h3 {
                overflow-wrap: normal;
                text-wrap: balance;
            }
            p {
                text-wrap: pretty;
            }
            @media (max-width: 1180px) {
                .navlinks {
                    gap: 13px;
                    font-size: 13px;
                }
                .nav-download .download-pill {
                    padding: 11px 14px;
                }
                .nav-download .lang-pill {
                    padding: 9px 11px;
                }
            }
            @media (max-width: 1020px) {
                .navlinks {
                    display: none;
                }
                .menu {
                    display: block;
                }
                .mobile-nav {
                    display: none;
                }
                .nav {
                    height: 70px;
                }
                .hero-grid,
                .service-layout,
                .order-grid,
                .partner-grid,
                .partner-split,
                .community-hero,
                .visual-feature,
                .partner-tools,
                .faq-grid {
                    grid-template-columns: 1fr;
                }
                .hero-grid {
                    gap: 34px;
                }
                .hero-media {
                    min-height: 420px;
                }
                .service-image img {
                    height: 340px;
                }
                .kpage-hero {
                    grid-template-columns: 1fr;
                }
                .kpage-hero-visual {
                    min-height: 390px;
                }
                .kpage-hero-visual img {
                    min-height: 390px;
                    height: 390px;
                }
                .community-art img {
                    min-height: 360px;
                    height: 360px;
                }
                .visual-feature img {
                    min-height: 330px;
                    height: 330px;
                }
                .partner-tools img {
                    min-height: 320px;
                    height: 320px;
                }
                .partner-split img {
                    max-height: 460px;
                }
                .service-packages,
                .service-benefits,
                .community-cards {
                    grid-template-columns: 1fr 1fr;
                }
            }
            @media (max-width: 700px) {
                .container {
                    width: calc(100% - 28px);
                }
                .topbar-inner {
                    justify-content: center;
                    text-align: center;
                    padding: 8px 0;
                }
                .topbar .email {
                    display: none;
                }
                .section {
                    padding: 70px 0;
                }
                .hero {
                    padding: 48px 0 62px;
                }
                .hero h1,
                .hero-copy-panel h1 {
                    font-size: clamp(42px, 12vw, 58px);
                }
                .hero-copy {
                    font-size: 17px;
                }
                .hero-media {
                    min-height: 320px;
                    border-radius: 22px;
                }
                .hero-media img {
                    min-height: 320px;
                }
                .booking {
                    grid-template-columns: 1fr;
                }
                .booking button {
                    min-height: 52px;
                }
                .service-list {
                    grid-template-columns: 1fr;
                }
                .cards,
                .reasons,
                .service-cards,
                .service-packages,
                .service-benefits,
                .community-cards {
                    grid-template-columns: 1fr;
                }
                .service-card {
                    padding: 24px;
                }
                .service-card-image {
                    height: 220px;
                }
                .service-card-image img {
                    height: 220px;
                }
                .app-band {
                    padding: 34px 24px;
                    border-radius: 22px;
                }
                .footer-grid {
                    grid-template-columns: 1fr;
                }
                .footer-bottom {
                    display: block;
                }
                .footer-bottom span {
                    display: block;
                    margin-top: 8px;
                }
                .kpage {
                    padding: 58px 0;
                }
                .kpage-hero,
                .community-hero,
                .terms-hero {
                    width: calc(100% - 20px);
                    border-radius: 24px;
                }
                .kpage-hero-copy,
                .community-hero > div:first-child {
                    padding: 36px 24px;
                }
                .kpage-hero-copy h1,
                .community-hero h1 {
                    font-size: clamp(42px, 12vw, 56px);
                }
                .kpage-hero-visual,
                .kpage-hero-visual img {
                    min-height: 300px;
                    height: 300px;
                }
                .service-draft-block,
                .portfolio-block,
                .visual-feature,
                .partner-split,
                .partner-benefits,
                .partner-tools,
                .partner-form-card,
                .partner-bottom,
                .community-form,
                .reward-panel {
                    width: calc(100% - 20px);
                }
                .visual-feature > div,
                .partner-tools > div {
                    padding: 30px;
                }
                .visual-feature h2,
                .partner-split h2,
                .partner-tools h2,
                .partner-form-card h2,
                .community-form h2 {
                    font-size: 38px;
                }
                .form-grid {
                    grid-template-columns: 1fr;
                }
                .terms-hero {
                    padding: 38px 24px;
                }
                .terms-hero h1 {
                    font-size: clamp(44px, 12vw, 56px);
                }
                .terms-content {
                    width: calc(100% - 28px);
                }
                .terms-content p {
                    text-align: left;
                }
            }
            @media (max-width: 430px) {
                .container {
                    width: calc(100% - 22px);
                }
                .logo {
                    width: 120px;
                }
                .btn {
                    width: 100%;
                }
                .actions {
                    width: 100%;
                }
                .hero-media {
                    min-height: 270px;
                }
                .hero-media img {
                    min-height: 270px;
                }
            }

            .kg-regional-strip {
                width: min(1180px, calc(100% - 32px));
                margin: 0 auto 70px;
            }
            .kg-regional-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 18px;
            }
            .kg-regional-grid figure {
                margin: 0;
                border-radius: 24px;
                overflow: hidden;
                background: #f4f7fb;
                border: 1px solid #e1e8f1;
                box-shadow: 0 12px 35px rgba(7, 26, 69, 0.07);
            }
            .kg-regional-grid img {
                width: 100%;
                height: 230px;
                object-fit: cover;
            }
            .kg-regional-grid figcaption {
                padding: 13px 16px;
                font-size: 13px;
                font-weight: 800;
                color: #071a45;
            }
            @media (max-width: 700px) {
                .kg-regional-strip {
                    width: calc(100% - 20px);
                    margin-bottom: 50px;
                }
                .kg-regional-grid {
                    grid-template-columns: 1fr;
                }
                .kg-regional-grid img {
                    height: 220px;
                }
            }

/* Coming soon (Blade) */
.coming-soon {
    width: min(820px, calc(100% - 32px));
    margin: 0 auto;
    padding: 84px 40px;
    text-align: center;
    background: linear-gradient(135deg, #f7fbff, #fff8d7);
    border-radius: 34px;
    box-shadow: 0 24px 70px rgba(7, 26, 69, 0.1);
}
.coming-soon h1 {
    font-size: clamp(42px, 6vw, 72px);
    line-height: 0.95;
    letter-spacing: -0.045em;
    margin: 0 0 16px;
}
.coming-soon p {
    margin: 0;
    font-size: 18px;
    color: #596a82;
}