/* KEMP industry landing renewal. Loaded after legacy bundles; scoped to these pages. */
body.landing-renewal{
 --landing-header-h:100px;--landing-width:1200px;--landing-gold:#d6bf8e;--landing-charcoal:#141d24;
 --font:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic',sans-serif;
 --font-display:var(--font);--font-mono:ui-monospace,SFMono-Regular,Consolas,monospace;
 --bg:#fff;--bg2:#f3f5f4;--surface:#fff;--surface2:#f5f7f6;--surface3:#eef1f0;
 --ink:#253740;--ink2:#36474f;--muted:#627078;--faint:#76858d;--line:#d9e0e1;--line2:#bac6ca;
 --gold-300:#e6d5ae;--gold-400:#d6bf8e;--gold-500:#c4a468;--gold-600:#967638;--gold-700:#806322;
 --gold-tint:#f7f4ec;--gold-tint2:#eee7d7;--gold-fill:#d6bf8e;--gold-fill-hover:#e6d5ae;
 --gold-ico:#806322;--gold-num:#806322;--gold-ink:#17232b;
 --teal:#c4a468;--teal-d:#806322;--teal-l:#d6bf8e;--tealbg:#f7f4ec;--tealbg2:#eee7d7;
 --navy:#25465e;--navybg:#eaf0f4;--steel:#2f6db0;--steelbg:#e9f1f8;
 --red:#b74732;--redbg:#fff0eb;--amber:#a95b15;--amberbg:#fff4e5;
 --ring:rgba(150,118,56,.25);--shadow:none;--shadow-l:none;--card:#fff;
 margin:0;background:#fff;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.8;
 color-scheme:light;word-break:normal;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;
}
html:lang(ja) body.landing-renewal{--font:'Yu Gothic UI','Yu Gothic','Hiragino Kaku Gothic ProN',Meiryo,sans-serif}
html:lang(zh) body.landing-renewal,html:lang(zh-CN) body.landing-renewal{--font:'Microsoft YaHei','PingFang SC','Noto Sans CJK SC',sans-serif}
html:lang(zh-TW) body.landing-renewal{--font:'Microsoft JhengHei','PingFang TC','Noto Sans CJK TC',sans-serif}
html:lang(th) body.landing-renewal{--font:'Leelawadee UI',Tahoma,'Noto Sans Thai',sans-serif}
body.landing-renewal *,body.landing-renewal *::before,body.landing-renewal *::after{box-sizing:border-box}
body.landing-renewal .wrap{width:min(var(--landing-width),calc(100% - 96px));max-width:var(--landing-width);padding-inline:0;margin-inline:auto}
body.landing-renewal [id]{scroll-margin-top:calc(var(--landing-header-h) + 90px)}
body.landing-renewal :is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid #967638;outline-offset:4px}
body.landing-renewal :is(h1,h2,h3,h4){font-family:var(--font);text-wrap:balance;overflow-wrap:break-word}
body.landing-renewal h2{font-size:clamp(28px,3.1vw,40px);font-weight:600;line-height:1.4;letter-spacing:-.035em;margin:10px 0 0}
body.landing-renewal h2 b{font-weight:600}
body.landing-renewal h3{font-size:21px;font-weight:600;line-height:1.5;letter-spacing:-.025em}
body.landing-renewal section{padding-block:88px}
body.landing-renewal section.alt{background:#f3f5f4;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body.landing-renewal .shead{margin-bottom:34px}
body.landing-renewal .ssub{font-size:16px;line-height:1.85;color:var(--muted);max-width:820px;margin-top:20px}
body.landing-renewal .tagline{color:#806322;font-size:12px;font-weight:600;letter-spacing:.1em}

/* One brand header. Locale selection and native details navigation remain functional. */
body.landing-renewal .landing-brand-header{position:sticky;inset:0 0 auto;z-index:100;background:var(--landing-charcoal);border-bottom:1px solid #ffffff1f;color:#fff}
body.landing-renewal .landing-brand-header .ksb-in{position:relative;width:min(var(--landing-width),calc(100% - 72px));max-width:var(--landing-width);height:var(--landing-header-h);margin-inline:auto;padding:0;display:flex;align-items:center;gap:28px}
body.landing-renewal .landing-brand-header .ksb-logo{display:flex;align-items:center;flex:0 0 auto;line-height:0}
body.landing-renewal .landing-brand-header .ksb-logo img{height:34px;width:auto;max-width:145px;object-fit:contain}
body.landing-renewal .landing-main-nav{display:flex;align-items:center;justify-content:center;gap:24px;flex:1 1 auto;min-width:0}
body.landing-renewal .landing-main-nav a{font-size:14px;font-weight:500;line-height:1.45;color:#edf0f1;text-decoration:none;white-space:nowrap;padding-block:15px}
body.landing-renewal .landing-main-nav a:hover{color:var(--landing-gold)}
body.landing-renewal .landing-header-tools{display:flex;align-items:center;gap:12px;flex:0 0 auto;margin-left:auto}
body.landing-renewal .landing-header-tools .locale-compact-switch{display:inline-flex;position:static;margin:0;padding:0;background:none;box-shadow:none}
body.landing-renewal .landing-header-tools .lang-select{font-family:var(--font);height:42px;min-width:0;width:112px;max-width:130px;padding:0 24px 0 10px;border:1px solid #637078;border-radius:2px;background:transparent;color:#fff;font-size:13px}
body.landing-renewal .landing-header-tools .lang-select option{color:#253740;background:#fff}
body.landing-renewal .landing-header-contact{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 17px;border:1px solid #bca374;color:#e4cfa7;font-size:13px;font-weight:500;line-height:1.5;text-decoration:none;white-space:nowrap}
body.landing-renewal .landing-header-contact:hover{background:#d6bf8e;color:#17232b}
body.landing-renewal .landing-mobile-menu{display:none;position:relative;margin:0;border:0;background:none;overflow:visible}
body.landing-renewal .landing-mobile-menu summary{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #637078;color:#fff;font-size:13px;font-weight:500;line-height:1.4;list-style:none;cursor:pointer}
body.landing-renewal .landing-mobile-menu summary::-webkit-details-marker{display:none}
body.landing-renewal .landing-mobile-menu summary::after{content:none}
body.landing-renewal .landing-mobile-menu summary:hover,body.landing-renewal .landing-mobile-menu summary:focus-visible,body.landing-renewal .landing-mobile-menu[open]>summary{border-color:var(--landing-gold);background:var(--landing-gold);color:#101318}
body.landing-renewal .landing-mobile-menu nav{position:absolute;right:0;top:calc(100% + 15px);width:300px;max-width:calc(100vw - 28px);max-height:calc(100svh - 115px);overflow:auto;display:flex;flex-direction:column;background:#17242d;border:1px solid #4c5a62;padding:14px 20px;box-shadow:0 12px 28px #0002}
body.landing-renewal .landing-mobile-menu nav a{color:#f1f3f4;text-decoration:none;font-size:15px;line-height:1.6;padding:13px 0;min-height:48px;border-bottom:1px solid #ffffff20}
body.landing-renewal .landing-mobile-menu nav a:last-child{border-bottom:0;color:var(--landing-gold)}

/* Photographic hero. Evidence pictures are not filtered, recoloured, or cropped. */
body.landing-renewal .hero{background:var(--landing-charcoal);color:#fff;padding:70px 0 34px;position:relative;overflow:hidden}
body.landing-renewal .hero::before,body.landing-renewal .hero::after{content:none;display:none}
body.landing-renewal .hero>.wrap.in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:30px 58px}
body.landing-renewal .landing-hero-copy{grid-column:1;grid-row:1;min-width:0}
body.landing-renewal .landing-hero-media{grid-column:2;grid-row:1;min-width:0;align-self:center}
body.landing-renewal .hero .eyebrow{display:block;width:auto;padding:0;margin:0 0 22px;border:0;border-radius:0;background:none;color:var(--landing-gold);font-size:11px;letter-spacing:.12em;font-weight:600;line-height:1.75;text-transform:none}
body.landing-renewal .eyebrow .dot{display:none}
body.landing-renewal .hero h1{font-size:clamp(34px,3.7vw,54px);font-weight:600;line-height:1.32;letter-spacing:-.04em;margin:0;max-width:none;color:#fff}
body.landing-renewal .hero h1 .hl{color:inherit;white-space:normal;background:none;text-decoration:none}
body.landing-renewal .hero h1 .hl::before,body.landing-renewal .hero h1 .hl::after{content:none;display:none;background:none;box-shadow:none}
body.landing-renewal .hero .lead{font-size:16px;line-height:1.85;margin:26px 0 0;max-width:65ch;color:#c8d0d5}
body.landing-renewal .hero .lead b{color:#f0f2f3;font-weight:550}
body.landing-renewal .herobtns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
body.landing-renewal .hero .rv{opacity:1;transform:none}
body.landing-renewal .landing-hero-media .heroshot{margin:0;border:0;border-radius:0;box-shadow:none;background:none;overflow:visible}
body.landing-renewal .landing-hero-media .heroshot img{display:block;width:100%;height:auto;max-height:420px;aspect-ratio:auto;object-fit:contain;border-radius:0}
body.landing-renewal .landing-hero-media .heroshot .hcap{position:static;inset:auto;background:none;padding:15px 0 0;color:#aebbc2;font-size:12px;font-weight:400;line-height:1.75}
body.landing-renewal .landing-hero-media .heroshot .hcap b{color:#d8e0e4;font-weight:500}
body.landing-renewal .landing-hero-media>img{display:block;width:100%;height:380px;object-fit:cover;border-radius:0}
body.landing-renewal .hero>.wrap.in>.stats,body.landing-renewal .hero>.wrap.in>.proof,body.landing-renewal .hero>.wrap.in>.surface-comparison{grid-column:1/-1;min-width:0}
body.landing-renewal .hero .stats{grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:12px 0 0;background:none;border:0;border-top:1px solid #53626c;border-bottom:1px solid #53626c;border-radius:0;box-shadow:none;overflow:visible}
body.landing-renewal .hero .stats>div{min-width:0;background:none;padding:25px 22px;text-align:left;border-right:1px solid #53626c}
body.landing-renewal .hero .stats>div:first-child{padding-left:0}
body.landing-renewal .hero .stats>div:last-child{border-right:0}
body.landing-renewal .hero .stats .n{display:block;background:none;padding:0;margin:0;font-family:var(--font);font-size:clamp(23px,2.5vw,32px);font-weight:550;line-height:1.35;color:var(--landing-gold);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
body.landing-renewal .hero .stats .n small{font-size:.56em;font-weight:400;letter-spacing:0;margin-left:4px}
body.landing-renewal .hero .stats .l{display:block;background:none;padding:0;margin:10px 0 0;color:#b7c3ca;font-size:12px;line-height:1.7}
body.landing-renewal .hero .proof{grid-row:3;display:flex;flex-wrap:wrap;gap:9px 22px;margin:0;color:#aab8c0;font-size:12px;line-height:1.8}
body.landing-renewal .hero .proof span{border:0;border-radius:0;background:none;padding:0;color:inherit;font-size:inherit}
body.landing-renewal .hero .proof b{color:#d5dfe4;font-weight:500}
body.landing-renewal .hero .surface-comparison figure{border:0;border-radius:0;background:none}
body.landing-renewal .hero .surface-comparison img{height:auto;aspect-ratio:auto;object-fit:contain}
body.landing-renewal .hero .surface-comparison figcaption{padding:15px 0 0;background:none;color:#d8e0e4;font-size:13px;line-height:1.75}
body.landing-renewal .hero .surface-comparison figcaption b{font-weight:500}
body.landing-renewal .hero .surface-comparison figcaption span,body.landing-renewal .hero .surface-comparison>p{color:#aebbc2}

/* The local navigation starts after the hero and keeps its full anchor set. */
body.landing-renewal .topbar{display:block;position:sticky;top:var(--landing-header-h);z-index:80;background:#fff;border-bottom:1px solid var(--line);backdrop-filter:none}
body.landing-renewal .topbar .in{width:min(var(--landing-width),calc(100% - 96px));max-width:var(--landing-width);margin-inline:auto;display:flex;align-items:center;flex-wrap:nowrap;gap:24px;padding:0;min-height:66px}
body.landing-renewal .landing-section-topic{flex:0 1 190px;min-width:0;font-size:12px;font-weight:600;line-height:1.5;color:#627078}
body.landing-renewal .topbar .navlinks{display:flex;order:0;flex:1 1 auto;min-width:0;flex-wrap:nowrap;align-items:center;gap:24px;margin:0;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain}
body.landing-renewal .topbar .navlinks a{display:inline-flex;align-items:center;flex:0 0 auto;padding:21px 0;font-size:13px;font-weight:500;line-height:1.6;white-space:nowrap;color:#46565e;text-decoration:none}
body.landing-renewal .topbar .navlinks a:hover{color:#806322}
body.landing-renewal .topbar .topcta{flex:0 0 auto;margin:0;padding:11px 16px;font-size:12px;line-height:1.6}

/* Quiet content surfaces; all data/state colour classes retain their distinctions. */
body.landing-renewal :is(.card,.prod,.st,.tblwrap,.faq,.ctabox,.ksb-prod){border-radius:0;box-shadow:none}
body.landing-renewal .card{background:#fff;border:0;border-top:1px solid var(--line2);padding:25px 0}
body.landing-renewal .card::before{content:none}
body.landing-renewal .card:hover,body.landing-renewal .ksb-prod:hover{transform:none;box-shadow:none}
body.landing-renewal .card .ico{width:34px;height:34px;margin:12px 0 16px;border-radius:0;background:none;color:#806322}
body.landing-renewal .card p{font-size:15px;line-height:1.8}
body.landing-renewal .prod{border:1px solid var(--line);padding:28px;background:#fff}
body.landing-renewal .prod.hero-prod{border-color:#b8a06d;box-shadow:none}
body.landing-renewal .prod .pname{font-size:26px;font-weight:600;color:#253740}
body.landing-renewal .st{padding:24px;background:#fff}
body.landing-renewal .st p{font-size:14px;line-height:1.8}
body.landing-renewal .tblwrap{max-width:100%;background:#fff;overflow-x:auto}
body.landing-renewal .tbltitle .tno{border-radius:0;background:#e8ddc7;color:#514327;font-weight:600}
body.landing-renewal .faq{border:0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);background:#fff}
body.landing-renewal .faq summary{font-size:16px;font-weight:550;line-height:1.65;padding-block:20px}
body.landing-renewal .ctabox{border:1px solid var(--line);background:#f3f5f4;padding:42px}
body.landing-renewal .ctabox .eyebrow{background:none;border:0;border-radius:0;padding:0;color:#806322;font-size:12px}
body.landing-renewal .ctalist{font-size:15px;line-height:1.8}
body.landing-renewal .leadform{gap:12px}
body.landing-renewal .leadform label{font-size:13px;font-weight:550;color:#46565e;line-height:1.7}
body.landing-renewal .leadform input:not([type=checkbox]):not([type=radio]),body.landing-renewal .leadform select,body.landing-renewal .leadform textarea{font:inherit;font-size:16px;line-height:1.6;min-width:0;border:1px solid #b8c4c8;border-radius:2px;background:#fff;color:#253740;padding:12px 14px}
body.landing-renewal .leadform input:focus,body.landing-renewal .leadform select:focus,body.landing-renewal .leadform textarea:focus{border-color:#806322;box-shadow:0 0 0 2px #d6bf8e50}
body.landing-renewal .leadform input::placeholder,body.landing-renewal .leadform textarea::placeholder{color:#77858c}
body.landing-renewal .leadform .kemp-inquiry-status{border-radius:2px}
body.landing-renewal :is(.btn,.topcta,.cta){border-radius:2px;box-shadow:none;text-shadow:none;font-family:var(--font);font-weight:550;transform:none;transition:background .18s,color .18s,border-color .18s}
body.landing-renewal .btn{min-height:48px;padding:13px 20px;font-size:14px;line-height:1.6;justify-content:center}
body.landing-renewal :is(.btn-p,.topcta,.cta){background:#253740;border-color:#253740;color:#fff}
body.landing-renewal :is(.btn-p,.topcta,.cta):hover{background:#344d5b;border-color:#344d5b;color:#fff;transform:none;box-shadow:none}
body.landing-renewal .btn-s{background:#fff;border-color:#aebbc2;color:#253740}
body.landing-renewal .btn-s:hover{border-color:#806322;color:#806322;transform:none}
body.landing-renewal .hero .btn-p{background:var(--landing-gold);border-color:var(--landing-gold);color:#17232b}
body.landing-renewal .hero .btn-p:hover{background:#e6d5ae;border-color:#e6d5ae;color:#17232b}
body.landing-renewal .hero .btn-s{background:transparent;border-color:#7d8a92;color:#eef2f4}
body.landing-renewal .hero .btn-s:hover{background:#ffffff0d;border-color:#c4ced3;color:#fff}
body.landing-renewal .cta{min-height:50px;font-size:15px;padding:14px 20px}
body.landing-renewal .ksb-pill{border-radius:2px;box-shadow:none;background:#fff;color:#46565e}
body.landing-renewal .ksb-pill:hover{transform:none}
body.landing-renewal .ksb-pill.ksb-all{background:#f4f0e6;border-color:#d1c4a8;color:#6b552b}
body.landing-renewal .ksb-prod{background:#fff;border:1px solid var(--line);padding:25px}
body.landing-renewal footer{background:#f3f5f4;color:#627078;padding:48px 0 50px;border-top:1px solid var(--line);font-size:13px;line-height:1.8}
body.landing-renewal footer .dis{font-size:12px;line-height:1.85;border-top:1px solid var(--line);color:#75828a}
body.landing-renewal .mbar{background:#fff;border-top:1px solid var(--line2);box-shadow:none;backdrop-filter:none;padding-bottom:max(10px,env(safe-area-inset-bottom))}
body.landing-renewal .mbar :is(.m1,.m2){border-radius:2px;min-height:46px;font-size:13px;font-weight:550;line-height:1.55;display:flex;align-items:center;justify-content:center}
body.landing-renewal .mbar .m1{background:#253740;color:#fff}
body.landing-renewal .mbar .m2{background:#fff;color:#253740;border-color:#aebbc2}

@media(max-width:1260px){
 body.landing-renewal .landing-main-nav{display:none}
 body.landing-renewal .landing-mobile-menu{display:block}
 body.landing-renewal .landing-brand-header .ksb-in{gap:20px}
 body.landing-renewal .hero>.wrap.in{gap:30px 38px}
}
@media(max-width:960px){
 body.landing-renewal{--landing-header-h:82px}
 body.landing-renewal .wrap,body.landing-renewal .topbar .in{width:calc(100% - 64px)}
 body.landing-renewal .landing-brand-header .ksb-in{width:calc(100% - 48px)}
 body.landing-renewal .hero{padding-top:52px}
 body.landing-renewal .hero>.wrap.in{grid-template-columns:1fr;gap:28px}
 body.landing-renewal .landing-hero-copy{grid-column:1;grid-row:1}
 body.landing-renewal .landing-hero-media{grid-column:1;grid-row:2;width:100%;max-width:720px}
 body.landing-renewal .hero .stats{grid-row:3}
 body.landing-renewal .hero .proof{grid-row:4}
 body.landing-renewal .hero h1{font-size:40px;max-width:850px}
 body.landing-renewal .hero .lead{max-width:80ch}
 body.landing-renewal .landing-hero-media>img{height:350px}
 body.landing-renewal .landing-section-topic{display:none}
 body.landing-renewal .ctabox{padding:30px}
}
@media(max-width:720px){
 body.landing-renewal{--landing-header-h:74px;font-size:16px}
 body.landing-renewal .wrap,body.landing-renewal .topbar .in{width:calc(100% - 40px)}
 body.landing-renewal .landing-brand-header .ksb-in{width:calc(100% - 28px);gap:12px}
 body.landing-renewal .landing-brand-header .ksb-logo img{height:27px;max-width:115px}
 body.landing-renewal .landing-header-tools{gap:0}
 body.landing-renewal .landing-header-tools .landing-header-contact{display:none}
 body.landing-renewal .landing-header-tools .lang-select{width:105px;height:40px;font-size:12px;padding-right:20px}
 body.landing-renewal .landing-mobile-menu summary{max-width:110px;min-height:42px;padding:8px 10px;font-size:12px;text-align:center}
 body.landing-renewal .landing-mobile-menu nav{top:calc(100% + 16px)}
 body.landing-renewal .hero{padding:42px 0 28px}
 body.landing-renewal .hero>.wrap.in{gap:28px}
 body.landing-renewal .hero h1{font-size:34px;line-height:1.4;letter-spacing:-.035em}
 body.landing-renewal .hero .eyebrow{margin-bottom:18px;font-size:11px}
 body.landing-renewal .hero .lead{font-size:15px;line-height:1.85;margin-top:22px}
 body.landing-renewal .herobtns{gap:10px;margin-top:24px}
 body.landing-renewal .hero .btn{padding:12px 16px;font-size:13px;min-height:46px}
 body.landing-renewal .landing-hero-media>img{height:250px}
 body.landing-renewal .landing-hero-media .heroshot img{max-height:none}
 body.landing-renewal .landing-hero-media .heroshot .hcap{font-size:11px;padding-top:11px}
 body.landing-renewal .hero .stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
 body.landing-renewal .hero .stats>div{padding:20px 15px;border-bottom:1px solid #53626c}
 body.landing-renewal .hero .stats>div:nth-child(odd){padding-left:0}
 body.landing-renewal .hero .stats>div:nth-child(even){border-right:0}
 body.landing-renewal .hero .stats>div:nth-last-child(-n+2){border-bottom:0}
 body.landing-renewal .hero .stats .n{font-size:25px}
 body.landing-renewal .hero .stats .l{font-size:11px;margin-top:7px}
 body.landing-renewal .hero .proof{font-size:11px;gap:6px 16px}
 body.landing-renewal .topbar .in{gap:14px;min-height:60px}
 body.landing-renewal .topbar .navlinks{gap:22px}
 body.landing-renewal .topbar .navlinks a{padding:18px 0;font-size:12px}
 body.landing-renewal .topbar .topcta{padding:10px 12px;max-width:130px;white-space:normal;font-size:11px}
 body.landing-renewal section{padding-block:60px}
 body.landing-renewal h2{font-size:29px;line-height:1.45}
 body.landing-renewal h3{font-size:20px}
 body.landing-renewal .ssub{font-size:15px;margin-top:17px}
 body.landing-renewal .shead{margin-bottom:26px}
 body.landing-renewal .card{padding:22px 0}
 body.landing-renewal .prod,body.landing-renewal .st{padding:24px}
 body.landing-renewal .ctabox{padding:25px 20px}
 body.landing-renewal .ctabox h2{font-size:27px}
 body.landing-renewal footer{padding-bottom:105px}
}
@media(max-width:360px){
 body.landing-renewal .landing-brand-header .ksb-in{gap:9px}
 body.landing-renewal .landing-brand-header .ksb-logo img{height:24px;max-width:93px}
 body.landing-renewal .landing-header-tools .lang-select{width:91px;font-size:11px}
 body.landing-renewal .landing-mobile-menu summary{max-width:82px;padding:7px;font-size:11px}
 body.landing-renewal .hero h1{font-size:30px}
 body.landing-renewal .hero .btn{flex:1 1 100%}
 body.landing-renewal .topbar .topcta{max-width:110px}
}
html:lang(ko) body.landing-renewal :is(h1,h2,h3){word-break:keep-all}
html:lang(th) body.landing-renewal :is(h1,h2,h3,h4,p){letter-spacing:0;word-break:normal}
@media(prefers-reduced-motion:reduce){body.landing-renewal *,body.landing-renewal *::before,body.landing-renewal *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}