/* KALAPAT WEB R1 — shared visual foundation. */
:root{--graphite:#1F2937;--steel:#526170;--green:#10B981;--forest:#065F46;--light:#E5E7EB;--white:#FAFAFA;--max:1200px;--header-height:72px;--radius:14px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:0;background:linear-gradient(135deg,#121a23,#233142 56%,#1F2937);color:#f0f3f5;font:16px/1.55 system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
a{color:inherit}button{font:inherit}img{max-width:100%;height:auto}
.skip-link{position:absolute;top:-100px;left:12px;z-index:10000;background:white;color:#111;padding:10px}.skip-link:focus{top:12px}
.site-header{height:var(--header-height);position:sticky;top:0;z-index:100;background:rgba(24,33,43,.98);border-bottom:1px solid rgba(177,200,211,.17)}
.site-header__inner{max-width:var(--max);padding:0 22px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}
.site-brand{display:flex;align-items:center;text-decoration:none;min-width:0;flex-shrink:0}
.site-brand img{width:min(220px,45vw);max-height:58px;object-fit:contain;display:block}
.site-nav{display:flex;align-items:center;gap:9px}.site-nav a{padding:9px 13px;text-decoration:none;border:1px solid rgba(16,185,129,.5);border-radius:8px;font-weight:600;font-size:13px;white-space:nowrap}
.site-nav a:hover,.site-nav a:focus-visible,.site-nav a[aria-current='page']{background:linear-gradient(135deg,var(--forest),var(--green));color:#fff}
.menu-toggle{display:none;align-items:center;justify-content:center;gap:8px;background:transparent;color:#fff;border:1px solid var(--green);border-radius:8px;padding:8px 12px;cursor:pointer}
main{max-width:var(--max);margin:auto;padding:32px 22px 50px;min-height:calc(100dvh - 160px)}
.hero{background:linear-gradient(130deg,rgba(40,58,72,.95),rgba(23,34,45,.94));border:1px solid rgba(16,185,129,.38);border-radius:var(--radius);padding:clamp(22px,4vw,48px)}
.eyebrow{color:#5be3a9;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.hero h1{font-size:clamp(30px,5vw,54px);line-height:1.12;margin:10px 0 16px}.hero p{max-width:780px;color:#d2dde3;margin:0;font-size:clamp(15px,2vw,18px)}
.cards{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{padding:22px;border-radius:var(--radius);border:1px solid rgba(177,200,211,.22);background:linear-gradient(150deg,#293745,#202c36)}.card h2{font-size:19px;margin:0 0 8px}.card p{margin:0;color:#c5d3dc;font-size:14px}
.section-heading{font-size:21px;margin:34px 0 12px}.notice{border-left:3px solid var(--green);padding:12px 18px;background:rgba(16,185,129,.07);color:#cbd8df;font-size:14px}
.site-footer{border-top:1px solid rgba(177,200,211,.18);background:#17212a;color:#afc0cc}.site-footer__inner{max-width:var(--max);margin:auto;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px}.site-footer a{color:#d2dee4}
@media(max-width:860px){:root{--header-height:64px}.site-header__inner{padding:0 16px}.menu-toggle{display:inline-flex}.site-nav{display:none;position:absolute;top:var(--header-height);right:0;left:0;background:#19242e;padding:14px 16px 20px;border-bottom:1px solid rgba(16,185,129,.4);flex-direction:column;align-items:stretch;gap:10px;box-shadow:0 14px 20px #0006}.site-nav[data-open='true']{display:flex}.site-nav a{text-align:center;padding:12px}.cards{grid-template-columns:1fr}.site-brand img{width:min(205px,52vw)}main{padding:24px 14px 42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* R4: readable, single-line K + alapat wordmark. No change to app/menu behavior. */
.site-brand{gap:2px;white-space:nowrap;max-width:100%;overflow:visible}
.site-brand img.site-brand__symbol{width:52px;height:52px;max-height:none;object-fit:contain;flex:0 0 auto;filter:brightness(1.55)}
.site-brand__word{display:inline-block;font-family:Arial,'Segoe UI',sans-serif;font-size:clamp(23px,2.45vw,31px);line-height:1.05;font-weight:750;letter-spacing:-.045em;color:#dce6ed;background:linear-gradient(105deg,#aebbc5 0%,#f3f7fa 26%,#b4c0ca 52%,#eff5f7 74%,#aab7c2 100%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:kalapat-steel-shimmer 9s ease-in-out infinite alternate}
@keyframes kalapat-steel-shimmer{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(max-width:860px){.site-brand img.site-brand__symbol{width:45px;height:45px}.site-brand__word{font-size:27px}.site-header__inner{gap:8px}.menu-toggle{flex-shrink:0}}
@media(max-width:390px){.site-brand img.site-brand__symbol{width:38px;height:38px}.site-brand__word{font-size:24px}.menu-toggle{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.site-brand__word{animation:none}}

/* WEB R5: full-width light-to-graphite header, unchanged height. */
.site-header{background:linear-gradient(90deg,#F8FAFB 0%,#F4F7F9 20%,#DBE3E9 32%,#9AAAB6 47%,#425363 67%,#1F2937 88%,#1F2937 100%);isolation:isolate}
.site-header::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:min(560px,56%);pointer-events:none;background:linear-gradient(105deg,transparent 4%,rgba(255,255,255,.27) 32%,transparent 62%);background-size:210% 100%;animation:kalapat-header-flow 13s ease-in-out infinite alternate}
@keyframes kalapat-header-flow{from{background-position:100% 0}to{background-position:0 0}}
.site-header__inner{position:relative}
.site-brand{margin-left:0}
.site-brand img.site-brand__symbol{filter:none}
.site-brand__word{color:#24313B;background:linear-gradient(95deg,#17232d,#576675 26%,#24313b 45%,#51606a 66%,#18252f);background-size:205% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@media(max-width:860px){.site-header{background:linear-gradient(90deg,#FAFBFC 0%,#E8EEF2 25%,#A3B0BA 51%,#556676 76%,#1F2937 100%)}.site-header::before{width:73%}.menu-toggle{background:#1F2937e8;color:#fff}}
@media(prefers-reduced-motion:reduce){.site-header::before{animation:none}}