html,body{margin:0;padding:0;background:#FFFFFF}
body{font-family:var(--font-body)}
#root{width:100%}
a{color:var(--kgotla-blue);text-decoration:none}
a:hover{color:var(--kgotla-blue-hover)}
p{margin:0}
.kg-navlink{transition:opacity 200ms cubic-bezier(.4,0,.2,1)}
.kg-navlink:hover{opacity:.72;color:#FFFFFF}
.kg-inklink{transition:color 200ms cubic-bezier(.4,0,.2,1)}
.kg-inklink:hover{color:var(--kgotla-blue)}
.kg-card{transition:opacity 600ms cubic-bezier(.4,0,.2,1),transform 600ms cubic-bezier(.4,0,.2,1);outline:none}
.kg-card:focus-visible{outline:2px solid var(--kgotla-blue);outline-offset:6px}
.kg-zoom{transition:transform 600ms cubic-bezier(.4,0,.2,1)}
.kg-card:hover .kg-zoom,.kg-media:hover .kg-zoom{transform:scale(1.03)}
.kg-cardtitle{transition:color 200ms cubic-bezier(.4,0,.2,1)}
.kg-card:hover .kg-cardtitle{color:var(--kgotla-blue)}
.kg-pill{transition:background 200ms cubic-bezier(.4,0,.2,1),gap 200ms cubic-bezier(.4,0,.2,1)}
.kg-pill:hover{background:var(--bone);gap:16px;color:#000000}
.kg-tertiary{transition:opacity 200ms cubic-bezier(.4,0,.2,1),gap 200ms cubic-bezier(.4,0,.2,1)}
.kg-tertiary:hover{opacity:.75;gap:16px;color:var(--ink)}
.kg-row{transition:background 200ms cubic-bezier(.4,0,.2,1)}
.kg-row:hover{background:rgba(0,81,255,.04)}
.kg-nolift,.kg-nolift:hover{box-shadow:none !important}
.kg-loc > div > div:last-of-type{width:auto !important;align-self:stretch;margin:0 31px;flex:1 1 auto}
.kg-loc > div > div:last-of-type > :last-child{margin-top:auto}
@keyframes kg-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.kg-marquee{animation:kg-marquee 52s linear infinite}
.kg-marquee:hover{animation-play-state:paused}
#root footer{padding-left:max(64px,calc((100% - 1312px) / 2));padding-right:max(64px,calc((100% - 1312px) / 2));flex-wrap:wrap}
#root footer img{height:96px !important;align-self:flex-start;margin-left:-14px}
#root footer > div:first-of-type > div:first-child{flex:0 1 469px;min-width:340px}
#root footer > div:first-of-type{flex-wrap:wrap;row-gap:48px}
#root footer > div:last-of-type{flex-wrap:wrap;column-gap:clamp(24px,6vw,335px);row-gap:16px}
#root footer > div:last-of-type > div{flex-wrap:wrap;gap:16px 30px}
#root footer > div:last-of-type span,#root footer > div:last-of-type a{max-width:100%}
@media (prefers-reduced-motion:reduce){.kg-marquee{animation:none}.kg-card:hover .kg-zoom,.kg-media:hover .kg-zoom{transform:none}}

.kg-li{transition:opacity 200ms cubic-bezier(.4,0,.2,1),transform 200ms cubic-bezier(.4,0,.2,1)}
.kg-li:hover{opacity:.86;transform:translateY(-2px)}
.kg-value:hover{color:#FFFFFF !important}

/* ── Polish pass: depth on media, calmer motion, visible focus ─────────── */
:root{--kg-ease:cubic-bezier(.4,0,.2,1)}
*:focus-visible{outline:2px solid var(--kgotla-blue);outline-offset:3px;border-radius:2px}
.kg-media{transition:box-shadow 400ms var(--kg-ease),transform 400ms var(--kg-ease)}
.kg-media:hover{box-shadow:0 18px 44px rgba(15,23,43,.16)}
.kg-cover{box-shadow:0 6px 18px rgba(15,23,43,.14)}
.kg-cover:hover{box-shadow:0 20px 46px rgba(15,23,43,.24);transform:translateY(-4px)}
.kg-shot{cursor:zoom-in}
.kg-shot-badge{opacity:0;transform:translateY(8px) scale(.9);transition:opacity 260ms var(--kg-ease),transform 260ms var(--kg-ease)}
.kg-shot:hover .kg-shot-badge,.kg-shot:focus-within .kg-shot-badge{opacity:1;transform:none}
.kg-arrow{transition:background 200ms var(--kg-ease),color 200ms var(--kg-ease),border-color 200ms var(--kg-ease),transform 200ms var(--kg-ease),box-shadow 200ms var(--kg-ease)}
.kg-arrow:not(:disabled):hover{background:var(--kgotla-blue);border-color:var(--kgotla-blue);color:#FFFFFF;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,81,255,.28)}
.kg-arrow:not(:disabled):active{transform:translateY(0)}
.kg-rail{scrollbar-width:none;-ms-overflow-style:none}
.kg-rail::-webkit-scrollbar{display:none}
.kg-row{border-radius:2px}
.kg-row:hover{background:rgba(0,81,255,.05)}
#root a[class*="button"],#root button[class*="button"],#root a[href][style*="border-radius: 29px"]{transition:transform 200ms var(--kg-ease),box-shadow 200ms var(--kg-ease),filter 200ms var(--kg-ease)}
#root a[class*="button"]:hover,#root button[class*="button"]:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(15,23,43,.14)}
@keyframes kg-fade{from{opacity:0}to{opacity:1}}
@keyframes kg-pop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.kg-media:hover,.kg-cover:hover,.kg-li:hover,.kg-arrow:hover{transform:none}.kg-shot-badge{opacity:1;transform:none}}

/* ── Skip link, active nav, FAQ rows ──────────────────────────────────────── */
.kg-skip{position:fixed;left:16px;top:16px;z-index:120;background:#FFFFFF;color:var(--kgotla-blue);padding:12px 18px;border-radius:999px;font-family:var(--font-body);font-weight:500;font-size:14px;box-shadow:0 8px 24px rgba(15,23,43,.2);transform:translateY(-200%);transition:transform 180ms var(--kg-ease)}
.kg-skip:focus{transform:none;color:var(--kgotla-blue)}
.kg-navlink[aria-current="page"],.kg-inklink[aria-current="page"]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1.5px}
/* "What makes us different": the drawn 741px art/rule height, capped so neither
   reaches the bottom of the pinned band on tall screens. */
.kg-diffcap{height:min(741px,calc(100svh - 260px));min-height:0}
@media (max-width:1023px){.kg-2up-fill{align-items:stretch!important}.kg-diffcap{height:100%}}
.kg-drawerlink[aria-current="page"]{padding-left:8px;font-style:italic}