/* Gan Ket Cosmic Home – v1.0.0 • theme-isolated, no external font/CDN */
:root{--gkc-navy:#061529;--gkc-dark:#061b37;--gkc-panel:#0a264a;--gkc-blue:#3a91ef;--gkc-line:rgba(139,183,244,.20);--gkc-gold:#f5bf68;--gkc-white:#f4f7ff;--gkc-muted:#a9bad4;--gkc-max:1200px}
html{scroll-behavior:smooth}
body.gkc-standalone-body{margin:0!important;background:#061529}
.gkc-site,.gkc-site *,.gkc-site *::before,.gkc-site *::after{box-sizing:border-box}
.gkc-site{--gkc-font:Inter,"Segoe UI",Roboto,Arial,sans-serif;--gkc-serif:Georgia,"Times New Roman",serif;position:relative;isolation:isolate;min-height:100vh;width:100%;overflow:clip;font-family:var(--gkc-font);color:var(--gkc-white);font-size:16px;line-height:1.55;background:var(--gkc-navy);letter-spacing:normal;text-align:left}
.gkc-site a{color:inherit;text-decoration:none}.gkc-site button{font:inherit}.gkc-site p{margin:0}.gkc-site h1,.gkc-site h2,.gkc-site h3{margin:0;color:inherit;font-family:inherit;letter-spacing:-.03em;line-height:1.16}.gkc-site img{max-width:100%;display:block}.gkc-site [id]{scroll-margin-top:94px}.gkc-site ::selection{background:#e8a84b;color:#04152a}.gkc-site :focus-visible{outline:2px solid #ffd78b;outline-offset:4px}
.gkc-container{width:min(var(--gkc-max),calc(100% - 60px));margin-inline:auto}.gkc-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.gkc-header{z-index:80;position:sticky;top:0;height:76px;display:flex;align-items:center;border-bottom:1px solid rgba(115,155,210,.15);background:rgba(5,18,40,.87);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.gkc-header__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:26px}.gkc-logo{display:flex;align-items:center;flex:none;width:67px;height:65px}.gkc-logo img{max-width:100%;max-height:60px;width:auto;object-fit:contain}
.gkc-nav{display:flex;align-items:center;justify-content:center;gap:clamp(17px,2.3vw,34px);flex:1}.gkc-nav a{font-size:13px;font-weight:650;white-space:nowrap;color:#d8e4f7;transition:color .2s}.gkc-nav a:hover,.gkc-nav a[aria-current="page"]{color:var(--gkc-gold)}
.gkc-header__cta{flex:none;white-space:nowrap;padding:11px 18px;font-size:12px!important}.gkc-menu-toggle{display:none;flex:none;border:1px solid var(--gkc-line);background:rgba(18,40,74,.75);border-radius:12px;color:var(--gkc-white);width:46px;height:44px;align-items:center;justify-content:center;cursor:pointer}.gkc-menu-toggle img{width:23px;height:23px}
.gkc-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 24px;border-radius:99px;font-size:13px;font-weight:700;border:1px solid transparent;transition:transform .2s,box-shadow .2s,border-color .2s;background:transparent}.gkc-button:hover{transform:translateY(-2px)}.gkc-button--gold{background:linear-gradient(110deg,#e9a23a,#ffe2a0 53%,#cd8124);color:#092147!important;box-shadow:0 5px 24px rgba(229,157,51,.20);border-color:#eab65d}.gkc-button--ghost{border-color:rgba(190,216,255,.58);background:rgba(4,21,45,.32);color:#f9fbff!important}.gkc-button img{width:17px;height:17px}
.gkc-eyebrow{font-size:11px;font-weight:800;letter-spacing:.24em;color:#e2b56b;text-transform:uppercase}.gkc-title{font-size:clamp(30px,3.3vw,48px);font-weight:720;letter-spacing:-.045em}.gkc-title--serif{font-family:var(--gkc-serif)!important;letter-spacing:-.016em;font-style:italic;font-weight:500}.gkc-lead{max-width:660px;color:#b8c9df;font-size:16px;line-height:1.8}
.gkc-hero{position:relative;min-height:735px;display:flex;align-items:center;overflow:hidden;background:#05152d}.gkc-hero__media,.gkc-hero__media img{position:absolute;inset:0;width:100%;height:100%}.gkc-hero__media img{object-fit:cover;object-position:58% 50%;opacity:.94}.gkc-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#03132c 0%,rgba(3,18,42,.95) 23%,rgba(3,18,42,.67) 47%,rgba(3,18,42,.10) 77%),linear-gradient(0deg,#061529 0%,rgba(4,16,38,0) 23%,rgba(4,16,38,0) 80%,rgba(4,16,38,.32) 100%)}.gkc-hero__glow{position:absolute;z-index:2;bottom:-260px;left:-150px;width:650px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(7,98,201,.16),transparent 70%);pointer-events:none}.gkc-hero__inner{position:relative;z-index:3;padding-block:110px 160px}.gkc-hero__inner>*{max-width:630px}.gkc-hero h1{margin:20px 0 20px;font-size:clamp(45px,5vw,74px);line-height:1.09;letter-spacing:-.04em;font-family:var(--gkc-serif);font-weight:500;font-style:italic;text-wrap:balance;text-shadow:0 2px 22px rgba(0,0,0,.2)}.gkc-hero h1 span{display:block}.gkc-hero h1 .gkc-gold{color:#ffd68a;text-shadow:0 4px 26px rgba(238,171,56,.2)}.gkc-hero__desc{font-size:16px;color:#dfebfb;line-height:1.8;max-width:560px}.gkc-hero__actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.gkc-hero__micro{display:flex;align-items:center;gap:10px;margin-top:35px;color:#bccfe6;font-size:12px;letter-spacing:.04em}.gkc-hero__micro::before{content:"";width:36px;height:1px;background:#deb16e}
.gkc-strip{position:relative;z-index:4;margin-top:-70px}.gkc-strip__inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:rgba(8,35,68,.91);border:1px solid rgba(185,203,233,.22);box-shadow:0 28px 70px rgba(0,0,0,.19);border-radius:22px;backdrop-filter:blur(15px);padding:22px 14px}.gkc-strip__item{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 20px;min-width:0}.gkc-strip__item+.gkc-strip__item{border-left:1px solid rgba(157,187,229,.22)}.gkc-strip__icon{width:56px;height:56px;object-fit:contain;flex:none;filter:drop-shadow(0 0 18px rgba(88,163,255,.22)) drop-shadow(0 0 12px rgba(242,188,99,.18))}.gkc-strip__item b{font-weight:720;font-size:14px}.gkc-strip__item span{color:#b9c9dc;font-size:12px;display:block}
.gkc-section{padding:108px 0;position:relative}.gkc-section--compact{padding-block:82px}.gkc-section__header{text-align:center;margin:0 auto 43px;max-width:770px}.gkc-section__header .gkc-lead{margin:15px auto 0}.gkc-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(214,178,104,.6),transparent);max-width:530px;margin:0 auto 0}
.gkc-values{background:radial-gradient(ellipse at 50% -5%,rgba(26,72,124,.20),transparent 58%),#061529}.gkc-values__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.gkc-value{padding:35px 32px 32px;background:linear-gradient(170deg,rgba(17,52,96,.63),rgba(7,25,54,.32));border:1px solid rgba(122,156,202,.17);border-radius:18px;min-height:285px;transition:transform .3s,border-color .3s}.gkc-value:hover{transform:translateY(-5px);border-color:rgba(237,183,98,.5)}.gkc-value__num{color:#bd9d68;letter-spacing:.22em;font-size:11px;font-weight:700}.gkc-value__icon{width:88px;height:88px;margin:14px 0 12px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(77,156,255,.18)) drop-shadow(0 0 14px rgba(242,188,99,.16))}.gkc-value h3{font-size:20px;margin-bottom:12px}.gkc-value p{font-size:14px;color:#aec2dd;line-height:1.75}
.gkc-journey{background:linear-gradient(180deg,#061529,#082447 62%,#061a32);padding:54px 0 82px}.gkc-journey__rail{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.gkc-journey__rail::before{position:absolute;content:"";height:2px;top:24px;left:18%;right:18%;background:linear-gradient(90deg,rgba(68,154,255,.1),rgba(244,185,92,.95),rgba(77,169,241,.22))}.gkc-journey__step{position:relative;text-align:center}.gkc-journey__orb{margin:auto auto 17px;width:49px;height:49px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#203e68,#06172b);border:1px solid #dfad62;box-shadow:0 0 25px rgba(229,174,79,.16);font-family:var(--gkc-serif);color:#ffe0a5;font-size:19px}.gkc-journey__step h3{font-size:19px}.gkc-journey__step p{font-size:13px;color:#9eb5d2;margin-top:6px}
.gkc-app{background:#061a34}.gkc-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.gkc-app-card{display:flex;flex-direction:column;overflow:hidden;background:#0c2648;border:1px solid rgba(130,164,213,.24);border-radius:18px;transition:transform .25s,border-color .25s}.gkc-app-card:hover{transform:translateY(-5px);border-color:rgba(243,182,94,.64)}.gkc-app-card__media{position:relative;aspect-ratio:3/2;overflow:hidden;background:radial-gradient(circle at 50% 50%, rgba(28,80,140,.30), rgba(10,34,64,.92) 72%), linear-gradient(180deg,#0d2d55,#081b36)}.gkc-app-card__media img{width:100%;height:100%;object-fit:contain;padding:20px;transition:transform .45s}.gkc-app-card:hover .gkc-app-card__media img{transform:scale(1.045)}.gkc-app-card__media::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(0deg,#0c2648,transparent)}.gkc-app-card__content{padding:22px 19px 23px;display:flex;flex:1;flex-direction:column;gap:11px}.gkc-app-card__title{display:flex;align-items:center;gap:10px}.gkc-app-card h3{font-size:18px;letter-spacing:-.018em}.gkc-app-card p{color:#b0c6df;font-size:13px;line-height:1.65}.gkc-app-card__more{font-size:12px;display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:#f0bc70;font-weight:700}
.gkc-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(35px,5vw,85px)}.gkc-figure{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(166,191,224,.26);box-shadow:0 28px 80px rgba(0,0,0,.18)}.gkc-figure img{height:auto;width:100%;aspect-ratio:16/10;object-fit:cover}.gkc-story{background:#061529}.gkc-story__copy .gkc-title{max-width:550px;margin:12px 0 22px}.gkc-story__copy p{color:#b7c9e2;line-height:1.84;max-width:570px}.gkc-story__facts{margin-top:28px;display:grid;gap:12px}.gkc-story__facts div{display:flex;align-items:baseline;gap:14px;font-size:13px;color:#cfdeed}.gkc-story__facts b{font-size:20px;color:#f5bf68;min-width:58px}.gkc-story__facts .gkc-muted{font-size:12px;color:#92a7c0;font-style:italic}
.gkc-method{background:linear-gradient(160deg,#071e40,#0c2b50 58%,#07172e)}.gkc-method__copy h2{margin:14px 0 19px}.gkc-method__steps{display:grid;gap:17px;margin:25px 0}.gkc-method__step{display:flex;gap:17px;align-items:flex-start}.gkc-method__step b{color:#f4bd68;font-family:var(--gkc-serif);font-size:23px;font-weight:400;line-height:1}.gkc-method__step h3{font-size:16px}.gkc-method__step p{color:#b5c4d8;font-size:13px;margin-top:3px}.gkc-method__note{color:#96b1cd;font-size:12px}
.gkc-knowledge{background:#07162b}.gkc-knowledge__panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);overflow:hidden;border-radius:24px;border:1px solid rgba(137,173,214,.25);background:linear-gradient(105deg,#0b2a4e,#0a2140)}.gkc-knowledge__media{min-height:340px}.gkc-knowledge__media img{height:100%;width:100%;object-fit:contain;padding:28px;background:radial-gradient(circle at 50% 50%, rgba(28,80,140,.24), rgba(10,34,64,.92) 72%), linear-gradient(180deg,#0d2d55,#081b36)}.gkc-knowledge__copy{padding:52px 55px;display:flex;flex-direction:column;justify-content:center;gap:17px}.gkc-knowledge__copy p{color:#b6c8e3}.gkc-knowledge__tags{display:flex;flex-wrap:wrap;gap:9px}.gkc-chip{border:1px solid rgba(193,212,235,.23);border-radius:99px;padding:6px 11px;font-size:11px;color:#cfddf1}.gkc-knowledge__note{font-size:12px;color:#9ab1cd!important}
.gkc-end{position:relative;overflow:hidden;min-height:470px;display:flex;align-items:center;background:#0b2544}.gkc-end__bg{position:absolute;inset:0}.gkc-end__bg img{width:100%;height:100%;object-fit:cover;object-position:center 50%}.gkc-end::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,17,37,.92),rgba(4,23,44,.75) 42%,rgba(3,23,42,.12) 100%),linear-gradient(0deg,#061529,transparent 35%)}.gkc-end__content{z-index:2;position:relative;padding-block:70px}.gkc-end__content>*{max-width:650px}.gkc-end h2{font-family:var(--gkc-serif);font-style:italic;font-size:clamp(38px,4.1vw,60px);line-height:1.18;font-weight:400;color:#ffe0a5;margin:14px 0 19px}.gkc-end p{color:#f0f6ff;line-height:1.8}.gkc-end__button{margin-top:25px}
.gkc-contact{background:#05142b;border-top:1px solid rgba(118,155,205,.2);padding:64px 0}.gkc-contact__inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.gkc-contact h2{font-size:29px;margin:10px 0}.gkc-contact p{max-width:680px;color:#abbed7;font-size:14px}.gkc-contact__action{flex:none}
.gkc-footer{background:#031125;padding:33px 0 24px;border-top:1px solid rgba(141,171,205,.14)}.gkc-footer__top{display:flex;align-items:center;justify-content:space-between;gap:25px}.gkc-footer__logo{width:60px}.gkc-footer__nav{display:flex;gap:22px;flex-wrap:wrap}.gkc-footer__nav a{font-size:12px;color:#bdcae0}.gkc-footer__nav a:hover{color:#ffd08b}.gkc-footer__bottom{margin-top:25px;border-top:1px solid rgba(163,190,223,.13);padding-top:20px;display:flex;justify-content:space-between;gap:14px;color:#8199b7;font-size:11px}
.gkc-toplink{font-size:12px!important;color:#f5bf68!important}
/* Mobile and tablets */
@media(max-width:1024px){.gkc-container{width:min(100% - 44px,960px)}.gkc-nav{gap:16px}.gkc-nav a{font-size:12px}.gkc-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.gkc-hero{min-height:670px}.gkc-hero h1{font-size:clamp(43px,5vw,60px)}.gkc-hero::before{background:linear-gradient(90deg,rgba(3,18,42,.98),rgba(3,18,42,.75) 51%,rgba(3,18,42,.10) 100%),linear-gradient(0deg,#061529,transparent 25%)}.gkc-strip__item{gap:12px;padding-inline:12px}.gkc-strip__item b{font-size:13px}}
@media(max-width:800px){.gkc-header{height:68px}.gkc-logo{width:58px;height:58px}.gkc-logo img{max-height:55px}.gkc-header__cta{margin-left:auto;padding-inline:17px;min-height:42px}.gkc-menu-toggle{display:flex}.gkc-nav{position:fixed;z-index:89;top:68px;left:0;right:0;display:flex;flex-direction:column;gap:0;align-items:stretch;padding:15px 22px 22px;background:rgba(4,20,43,.98);border-bottom:1px solid rgba(142,180,225,.27);box-shadow:0 22px 55px rgba(0,0,0,.26);opacity:0;visibility:hidden;transform:translateY(-12px);pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}.gkc-nav.is-open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}.gkc-nav a{display:block;padding:13px 6px;font-size:14px;border-bottom:1px solid rgba(143,179,222,.13)}.gkc-split{grid-template-columns:1fr;gap:32px}.gkc-story__copy{order:1}.gkc-story .gkc-figure{order:2}.gkc-method__copy{order:1}.gkc-method .gkc-figure{order:2}.gkc-knowledge__copy{padding:40px 35px}}
@media(max-width:700px){.gkc-container{width:calc(100% - 36px)}.gkc-hero{min-height:810px;align-items:flex-start}.gkc-hero__media img{object-position:60% 59%}.gkc-hero::before{background:linear-gradient(180deg,rgba(3,17,40,.98) 0%,rgba(3,17,40,.97) 23%,rgba(3,17,40,.80) 45%,rgba(3,17,40,.32) 75%,#061529 100%)}.gkc-hero__inner{padding-top:70px;padding-bottom:295px}.gkc-hero h1{font-size:clamp(40px,9vw,56px);margin:15px 0 17px}.gkc-hero__desc{font-size:14px;line-height:1.75;max-width:520px}.gkc-hero__actions{gap:10px;margin-top:25px}.gkc-button{font-size:12px;min-height:44px;padding:10px 18px}.gkc-strip{margin-top:-65px}.gkc-strip__inner{grid-template-columns:1fr;padding:10px 19px}.gkc-strip__item{justify-content:flex-start;padding:15px 7px}.gkc-strip__item+.gkc-strip__item{border-left:0;border-top:1px solid rgba(157,187,229,.15)}.gkc-section{padding:74px 0}.gkc-section--compact{padding:58px 0}.gkc-values__grid{grid-template-columns:1fr;gap:13px}.gkc-value{min-height:unset;padding:23px 24px;display:grid;grid-template-columns:58px 1fr;column-gap:19px}.gkc-value__num{grid-column:1/-1}.gkc-value__icon{grid-row:2/4;width:64px;height:64px;margin:8px 0 0}.gkc-value h3{grid-column:2;font-size:18px;padding-top:5px}.gkc-value p{grid-column:2;font-size:13px}.gkc-title{font-size:clamp(29px,8vw,38px)}.gkc-lead{font-size:14px}.gkc-section__header{margin-bottom:28px}.gkc-journey{padding:42px 0 65px}.gkc-journey__rail{gap:8px}.gkc-journey__step h3{font-size:14px}.gkc-journey__step p{font-size:11px}.gkc-journey__orb{height:43px;width:43px}.gkc-grid4{gap:13px}.gkc-app-card__content{padding:16px 13px 18px}.gkc-app-card h3{font-size:15px}.gkc-app-card p{font-size:12px}.gkc-app-card__title img{width:22px;height:22px}.gkc-app-card__more{font-size:11px}.gkc-story__facts{gap:10px}.gkc-figure img{aspect-ratio:16/10}.gkc-knowledge__panel{grid-template-columns:1fr}.gkc-knowledge__media{min-height:unset}.gkc-knowledge__media img{aspect-ratio:16/9}.gkc-knowledge__copy{padding:29px 26px 34px}.gkc-end{min-height:495px;align-items:flex-start}.gkc-end__content{padding-block:80px 180px}.gkc-end::before{background:linear-gradient(180deg,rgba(3,18,42,.98) 0%,rgba(3,18,42,.89) 29%,rgba(3,18,42,.35) 70%,#061529 100%)}.gkc-end h2{font-size:clamp(34px,9vw,44px)}.gkc-end p{font-size:14px}.gkc-contact__inner{display:block}.gkc-contact__action{margin-top:21px}.gkc-contact{padding:50px 0}.gkc-footer__top,.gkc-footer__bottom{display:block}.gkc-footer__nav{margin-top:24px;gap:13px 18px}.gkc-footer__bottom span{display:block;margin-bottom:10px}}
@media(max-width:420px){.gkc-header__cta{display:none}.gkc-grid4{grid-template-columns:1fr}.gkc-app-card{display:grid;grid-template-columns:44% 1fr;min-height:154px}.gkc-app-card__media{height:100%;aspect-ratio:auto}.gkc-app-card__media img{height:100%}.gkc-app-card__content{padding:16px 15px;gap:8px}.gkc-app-card__title{gap:6px}.gkc-app-card h3{font-size:14px}.gkc-app-card p{font-size:12px}.gkc-hero__actions{flex-direction:column;align-items:flex-start}.gkc-hero__inner{padding-top:56px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gkc-site *, .gkc-site *::before, .gkc-site *::after{animation:none!important;transition:none!important}}


/* GKC live bridge hotfix 1.1.1: Vietnamese font shaping and full-photo visuals */
.gkc-site{--gkc-font:"Be Vietnam Pro","Segoe UI",Tahoma,Arial,sans-serif;--gkc-serif:"Noto Serif","Segoe UI",Tahoma,Arial,sans-serif;font-family:var(--gkc-font);font-kerning:normal;text-rendering:optimizeLegibility}
.gkc-site h1,.gkc-site h2,.gkc-site h3{word-spacing:normal;letter-spacing:0;overflow-wrap:normal}
.gkc-site .gkc-hero h1{font-family:var(--gkc-serif);font-style:normal;font-weight:600;letter-spacing:0;line-height:1.29;font-size:clamp(40px,4.35vw,63px);font-kerning:normal;word-spacing:normal;text-wrap:pretty}
.gkc-site .gkc-hero h1 span{display:block}
.gkc-site .gkc-title--serif,.gkc-site .gkc-end h2{font-family:var(--gkc-serif)!important;font-style:normal!important;font-weight:600;letter-spacing:0;line-height:1.32;font-kerning:normal}
.gkc-site .gkc-title{letter-spacing:0;line-height:1.26}
.gkc-site .gkc-hero__desc{font-size:16px;line-height:1.8}
.gkc-site .gkc-figure img{object-fit:cover;object-position:center center;aspect-ratio:16/10;padding:0}
.gkc-site .gkc-knowledge__media{min-height:340px}
.gkc-site .gkc-knowledge__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;padding:0;background:none}
.gkc-site .gkc-figure,.gkc-site .gkc-knowledge__media{background:#091e39}
@media(max-width:700px){.gkc-site .gkc-hero h1{font-size:clamp(34px,8.5vw,48px);line-height:1.3}.gkc-site .gkc-title--serif{line-height:1.36}.gkc-site .gkc-knowledge__media{min-height:0}.gkc-site .gkc-knowledge__media img{aspect-ratio:16/9;height:auto}}


/* GKC WP admin-bar sticky-header fix v1.1.2
 * WP admin toolbar is fixed at >=601px, with 32px/46px heights.
 * At <=600px WP admin toolbar scrolls away; don't reserve a fixed gap.
 */
@media (min-width:783px){
  body.admin-bar .gkc-site .gkc-header{top:32px}
  body.admin-bar .gkc-site [id]{scroll-margin-top:126px}
}
@media (min-width:601px) and (max-width:782px){
  body.admin-bar .gkc-site .gkc-header{top:46px}
  body.admin-bar .gkc-site [id]{scroll-margin-top:140px}
}
@media (max-width:600px){
  body.admin-bar .gkc-site .gkc-header{top:0}
}


/* GKC homepage visual refresh v1.3.2: small pictograms for labels, scenic art for visual spaces */
.gkc-site .gkc-values__grid{gap:22px;align-items:stretch}
.gkc-site .gkc-value{display:flex;flex-direction:column;padding:0;min-height:0;overflow:hidden;border:1px solid rgba(139,184,235,.28);border-radius:19px;background:linear-gradient(170deg,#0d2c50,#081c37)}
.gkc-site .gkc-value__scene{height:183px;position:relative;flex:none;overflow:hidden;background:#092442}
.gkc-site .gkc-value__scene::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(0deg,rgba(8,28,54,.93),transparent);pointer-events:none}
.gkc-site .gkc-value__scene-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .35s}
.gkc-site .gkc-value:nth-child(3) .gkc-value__scene-photo{object-position:70% center}
.gkc-site .gkc-value:hover .gkc-value__scene-photo{transform:scale(1.035)}
.gkc-site .gkc-value__seal{position:absolute;z-index:2;right:15px;bottom:13px;width:49px;height:49px;border-radius:50%;background:rgba(5,24,49,.82);border:1px solid rgba(247,188,96,.35);display:grid;place-items:center;box-shadow:0 0 24px rgba(44,139,241,.2)}
.gkc-site .gkc-value__seal img{width:34px;height:34px;object-fit:contain;padding:0;margin:0;filter:drop-shadow(0 0 5px rgba(244,175,76,.25))}
.gkc-site .gkc-value__body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:21px 25px 26px}
.gkc-site .gkc-value__num{font-size:10px;letter-spacing:.14em;color:#f0c584;display:block;margin:0 0 13px}
.gkc-site .gkc-value h3{font-size:20px;margin:0 0 11px;line-height:1.35}
.gkc-site .gkc-value p{font-size:13.5px;line-height:1.8;color:#c5d7ea;margin:0}
.gkc-site .gkc-journey{padding:78px 0 94px;background:linear-gradient(180deg,rgba(5,21,43,.96),rgba(5,25,47,.78) 50%,rgba(5,21,43,.96)),url('../images/journey-900-fast.webp') 50% 52%/cover no-repeat}
.gkc-site .gkc-journey__rail{margin-top:50px}
.gkc-site .gkc-journey__orb{box-shadow:0 0 0 6px rgba(25,76,132,.24),0 0 18px rgba(241,180,75,.18)}
.gkc-site .gkc-app-card__media{position:relative;overflow:hidden;background-color:#0b284a;background-size:cover;background-position:center}
.gkc-site .gkc-app-card:nth-child(1) .gkc-app-card__media{background-image:linear-gradient(180deg,rgba(4,17,34,.05),rgba(4,17,34,.34)),url('../images/hero-desktop-900-fast.webp');background-position:63% center}
.gkc-site .gkc-app-card:nth-child(2) .gkc-app-card__media{background-image:linear-gradient(180deg,rgba(4,17,34,.07),rgba(4,17,34,.36)),url('../images/community-900-fast.webp');background-position:center}
.gkc-site .gkc-app-card:nth-child(3) .gkc-app-card__media{background-image:linear-gradient(180deg,rgba(4,17,34,.07),rgba(4,17,34,.38)),url('../images/story-900-fast.webp');background-position:center}
.gkc-site .gkc-app-card:nth-child(4) .gkc-app-card__media{background-image:linear-gradient(180deg,rgba(4,17,34,.06),rgba(4,17,34,.37)),url('../images/serene-900-fast.webp');background-position:66% center}
.gkc-site .gkc-app-card__media img{position:absolute;z-index:2;left:13px;bottom:12px;width:51px;height:51px;padding:6px;object-fit:contain;border-radius:12px;border:1px solid rgba(247,195,104,.35);background:rgba(5,25,49,.82);box-shadow:0 0 19px rgba(11,64,119,.25)}
.gkc-site .gkc-app-card:hover .gkc-app-card__media img{transform:none}
.gkc-site .gkc-app-card__media::after{inset:61% 0 0;background:linear-gradient(0deg,rgba(6,21,41,.45),transparent)}
.gkc-site .gkc-app-card__content{padding:20px 18px 23px}
.gkc-site .gkc-app-card h3{line-height:1.35}
.gkc-site .gkc-figure img{object-fit:cover;object-position:center center;aspect-ratio:16/10}
.gkc-site .gkc-knowledge__media{min-height:390px;overflow:hidden;background:#0a2444}
.gkc-site .gkc-knowledge__media img{display:block;width:100%;height:100%;min-height:390px;padding:0;object-fit:cover;object-position:center;background:none}
.gkc-site .gkc-knowledge__copy{padding:49px 47px}
@media(max-width:1024px){
 .gkc-site .gkc-value__scene{height:160px}
 .gkc-site .gkc-value__body{padding:20px 21px 24px}
 .gkc-site .gkc-value p{font-size:13px}
 .gkc-site .gkc-knowledge__media,.gkc-site .gkc-knowledge__media img{min-height:320px}
}
@media(max-width:800px){
 .gkc-site .gkc-knowledge__media{min-height:0}
 .gkc-site .gkc-knowledge__media img{height:auto;min-height:0;aspect-ratio:16/9}
}
@media(max-width:700px){
 .gkc-site .gkc-values__grid{grid-template-columns:1fr;gap:15px}
 .gkc-site .gkc-value{display:flex;grid-template-columns:none;padding:0;min-height:0}
 .gkc-site .gkc-value__scene{height:177px;width:100%}
 .gkc-site .gkc-value__body{padding:20px 22px 24px;display:flex}
 .gkc-site .gkc-value__num,.gkc-site .gkc-value h3,.gkc-site .gkc-value p{grid-column:auto;grid-row:auto}
 .gkc-site .gkc-value h3{font-size:18px;padding:0;margin:0 0 9px}
 .gkc-site .gkc-value p{font-size:13px}
 .gkc-site .gkc-journey{padding:64px 0 75px}
 .gkc-site .gkc-app-card__media img{left:10px;bottom:9px;width:40px;height:40px;padding:4px;border-radius:10px}
 .gkc-site .gkc-knowledge__copy{padding:32px 26px}
}
@media(max-width:420px){
 .gkc-site .gkc-value__scene{height:164px}
 .gkc-site .gkc-app-card__media img{width:37px;height:37px;left:8px;bottom:8px}
}
@media(prefers-reduced-motion:reduce){
 .gkc-site .gkc-value__scene-photo{transition:none}
 .gkc-site .gkc-value:hover .gkc-value__scene-photo{transform:none}
}

/* GKC mobile image-first cards 1.4.3 */
@media(max-width:700px){
 .gkc-site .gkc-app .gkc-grid4{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
 .gkc-site .gkc-app .gkc-app-card{display:flex;flex-direction:column;min-height:0;overflow:hidden}
 .gkc-site .gkc-app .gkc-app-card__media{display:block;width:100%;height:auto;min-height:0;aspect-ratio:16/9;background-size:cover}
 .gkc-site .gkc-app .gkc-app-card__content{width:100%;padding:20px 22px 24px}
 .gkc-site .gkc-app .gkc-app-card__content h3{font-size:19px}
 .gkc-site .gkc-app .gkc-app-card__content p{font-size:13px;line-height:1.8}
 .gkc-site .gkc-end__bg img{object-position:25% center}
 .gkc-site .gkc-knowledge__media img{display:block;width:100%;height:auto;min-height:0;aspect-ratio:16/9;object-fit:cover}
}


/* Mobile journey backdrop with smaller source from the same original artwork. */
@media(max-width:700px){
 .gkc-site .gkc-journey{background:linear-gradient(180deg,rgba(5,21,43,.96),rgba(5,25,47,.78) 50%,rgba(5,21,43,.96)),url('../images/journey-900-fast.webp') 50% 52%/cover no-repeat}
}

/* Small viewport: retain the same cinematic scenes, use measured 640px assets. */
@media(max-width:480px){
 .gkc-site .gkc-app-card:nth-child(1) .gkc-app-card__media{background-image:linear-gradient(180deg,rgba(4,17,34,.05),rgba(4,17,34,.34)),url('../images/hero-desktop-640-fast.webp')}
 .gkc-site .gkc-app-card:nth-child(2) .gkc-app-card__media{background-image:linear-gradient(180deg,rgba(4,17,34,.07),rgba(4,17,34,.36)),url('../images/community-640-fast.webp')}
 .gkc-site .gkc-app-card:nth-child(3) .gkc-app-card__media{background-image:linear-gradient(180deg,rgba(4,17,34,.07),rgba(4,17,34,.38)),url('../images/story-640-fast.webp')}
 .gkc-site .gkc-app-card:nth-child(4) .gkc-app-card__media{background-image:linear-gradient(180deg,rgba(4,17,34,.06),rgba(4,17,34,.37)),url('../images/serene-640-fast.webp')}
}


/* Hero video (one source of truth). Keep the native MP4 visible without JS state. */
.gkc-hero{isolation:isolate}
.gkc-hero .gkc-hero__media{z-index:0}
.gkc-hero .gkc-hero__motion-v4{
 position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 50%;
 z-index:1;display:block;opacity:.88;visibility:visible;pointer-events:none
}
.gkc-hero::before{z-index:2}
.gkc-hero .gkc-hero__glow{z-index:3}
.gkc-hero .gkc-hero__inner{z-index:5}
/* A small particle motion remains visible when browser autoplay is unavailable. */
.gkc-hero .gkc-hero__ambient{
 position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.8;overflow:hidden
}
.gkc-hero .gkc-hero__ambient span{
 position:absolute;inset:0;display:block;will-change:transform
}
.gkc-hero .gkc-hero__ambient span:first-child{
 background:
 radial-gradient(circle at 67% 37%,rgba(79,177,255,.85) 0 2px,rgba(61,148,245,.3) 3px,transparent 15px),
 radial-gradient(circle at 79% 52%,rgba(255,202,111,.8) 0 2px,rgba(255,164,58,.28) 3px,transparent 16px),
 radial-gradient(circle at 87% 65%,rgba(93,172,251,.75) 0 2px,transparent 14px),
 radial-gradient(circle at 58% 73%,rgba(255,196,109,.8) 0 2px,transparent 13px);
 animation:gkc-hero-flow-1 12s ease-in-out infinite alternate
}
.gkc-hero .gkc-hero__ambient span:last-child{
 background:
 radial-gradient(circle at 74% 66%,rgba(255,190,87,.75) 0 2px,transparent 14px),
 radial-gradient(circle at 88% 33%,rgba(104,184,255,.75) 0 2px,transparent 14px),
 radial-gradient(circle at 61% 56%,rgba(255,212,143,.65) 0 2px,transparent 13px);
 animation:gkc-hero-flow-2 16s ease-in-out infinite alternate
}
@keyframes gkc-hero-flow-1{from{transform:translate3d(-3%,-3%,0)}to{transform:translate3d(3%,3%,0)}}
@keyframes gkc-hero-flow-2{from{transform:translate3d(3%,-3%,0)}to{transform:translate3d(-3%,3%,0)}}
/* Mobile story hero: text first, then face / energy / lotus / earth.
 * Keep the source's displayed scale near the accepted 82%-of-810px layout.
 * The media stage must NOT grow with the scrollable hero height.
 */
@media(max-width:700px){
 .gkc-site .gkc-hero{
  min-height:clamp(1080px,282vw,1250px);
 }
 .gkc-site .gkc-hero::before{
  background:linear-gradient(180deg,
   #031128 0%,
   rgba(3,17,40,.98) 26%,
   rgba(3,17,40,.86) 37%,
   rgba(3,17,40,.36) 48%,
   rgba(3,17,40,.08) 66%,
   rgba(3,17,40,.05) 84%,
   #061529 100%);
 }
 .gkc-site .gkc-hero .gkc-hero__media img,
 .gkc-site .gkc-hero .gkc-hero__motion-v4{
  top:clamp(380px,98vw,450px);
  bottom:auto;
  height:clamp(615px,162vw,700px);
  width:100%;
  object-fit:cover;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 88%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 88%,transparent 100%);
 }
 .gkc-site .gkc-hero .gkc-hero__media img{
  object-position:60% 59%;
 }
 .gkc-site .gkc-hero .gkc-hero__motion-v4{
  object-position:82% 59%;
  opacity:.94;
 }
 .gkc-site .gkc-hero .gkc-hero__ambient{opacity:.92}
}
@media(prefers-reduced-motion:reduce){
 .gkc-hero .gkc-hero__ambient{display:none}
}