.page-knowledge-payment { --mc-dark:#123e35; --mc-tint:#f0f5f1; }
.page-knowledge-payment h1,.page-knowledge-payment h2,.page-knowledge-payment h3 { letter-spacing:0; }
.page-knowledge-payment .mc-heading h2 { text-wrap:balance; }
.page-knowledge-payment main section[id] { scroll-margin-top:calc(var(--site-header-height) + 90px); }
.page-knowledge-payment main a:focus-visible,.page-knowledge-payment main button:focus-visible { outline:3px solid #bca15a; outline-offset:4px; }
.kp-intro { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-bottom:64px; }
.kp-intro article { display:flex; align-items:center; gap:20px; padding:25px; border:1px solid #dce7dd; border-radius:8px; }
.kp-intro svg { width:39px; height:39px; flex-shrink:0; color:#58806b; }
.kp-intro h3 { font-size:21px; margin:0 0 8px; font-weight:500; color:#23523f; }
.kp-intro p { font-size:14px; margin:0; color:#718173; line-height:1.7; }
.kp-form-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; }
.kp-form-card { border:1px solid #e0e7dd; border-radius:10px; background:#fff; overflow:hidden; }
.kp-form-card>.kpui { background:linear-gradient(145deg,#eff4ed,#f8f8f1); }
.kp-form-card .kpui-stage { height:320px; }
.kp-form-copy { padding:24px 26px 27px; }
.kp-form-copy h3 { color:#23523f; margin:0 0 10px; font-size:23px; font-weight:500; }
.kp-form-copy p { margin:0; font-size:15px; line-height:1.8; color:#6b796e; }
.kp-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:65px; }
.kp-capabilities { display:grid; grid-template-columns:1fr; gap:24px; }
.kp-capability { display:flex; gap:20px; align-items:flex-start; }
.kp-capability>svg { width:32px; height:32px; flex-shrink:0; color:#72977b; margin-top:3px; }
.kp-capability h3 { font-size:21px; font-weight:500; margin:0 0 8px; color:#244b38; }
.kp-capability p { margin:0; color:#6d7c6e; font-size:15px; line-height:1.8; }
.kp-management .kp-split { grid-template-columns:minmax(0,1.28fr) minmax(0,.85fr); gap:54px; }
.kp-management .kp-capabilities { gap:20px; }
.kp-management .kp-capability h3 { font-size:19px; }
.kp-management .kp-capability p { font-size:14px; }
.kp-marketing { background:radial-gradient(ellipse at 20% 40%,#315945,transparent 62%),#153e33; }
.kp-marketing .mc-heading h2 { color:#e5d7ac; }
.kp-marketing .mc-heading p { color:#bdcdbd; }
.kp-marketing-tabs { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.06fr); gap:60px; align-items:center; }
.kp-marketing-tabs>.mc-tab-list { grid-column:2; grid-row:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.kp-marketing-tabs>.mc-tab-panels { grid-column:1; grid-row:1; }
.kp-marketing-tabs .mc-tab-list a { display:block; min-height:135px; padding:21px 23px; border:1px solid #718e6f66; border-radius:7px; color:#d5dfcf; background:#183f3280; }
.kp-marketing-tabs .mc-tab-list strong { display:flex; align-items:center; gap:10px; font-size:20px; font-weight:500; margin-bottom:10px; }
.kp-marketing-tabs .mc-tab-list strong svg { width:22px; height:22px; color:#dcc694; }
.kp-marketing-tabs .mc-tab-list small { display:block; font-size:13px; line-height:1.8; color:#b3c7b5; }
.kp-marketing-tabs .mc-tab-list a[aria-selected=true] { background:#e5d6a9; border-color:#e5d6a9; color:#224939; }
.kp-marketing-tabs .mc-tab-list a[aria-selected=true] small { color:#496346; }
.kp-marketing-tabs .mc-tab-list a[aria-selected=true] svg { color:#54734e; }
.kp-marketing-tabs [data-product-panel] { min-height:534px; display:flex; align-items:center; justify-content:center; }
.kp-income-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:25px; }
.kp-income-grid article { padding:30px 24px; border:1px solid #e1e8dd; border-radius:9px; text-align:center; background:#fff; }
.kp-income-grid svg { display:block; width:43px; height:43px; margin:0 auto 24px; color:#62826a; }
.kp-income-grid h3 { color:#244c39; font-size:21px; font-weight:500; margin:0 0 13px; }
.kp-income-grid p { color:#6d7c6e; font-size:15px; line-height:1.9; margin:0; }
.kp-scenarios { display:flex; flex-wrap:wrap; justify-content:center; gap:24px; }
.kp-scenarios article { flex:0 0 calc((100% - 120px)/6); min-width:0; text-align:center; padding:26px 10px; border:1px solid #dde7da; background:#fff; border-radius:8px; }
.kp-scenarios svg { width:37px; height:37px; color:#648a71; display:block; margin:0 auto 19px; }
.kp-scenarios h3 { margin:0; font-size:18px; font-weight:500; color:#305744; white-space:nowrap; }
.kp-tech-title { text-align:center; font-size:25px; color:#315a43; font-weight:500; margin:0 0 30px; }
.kp-tech-title:not(:first-child) { margin-top:52px; }
.kp-tech-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px 33px; }
.kp-tech-cards article { display:flex; gap:20px; padding:25px 0; border-top:1px solid #dde5d9; }
.kp-tech-cards svg { width:33px; height:33px; flex-shrink:0; color:#62866c; }
.kp-tech-cards h4 { font-size:19px; font-weight:500; margin:0 0 9px; color:#294e3b; }
.kp-tech-cards p { font-size:14px; color:#758271; line-height:1.9; margin:0; }
/* Product screens are code-native artwork and scale with their containing panel. */
.kpui { --kp-green:#1c5d4d; --kp-ink:#254d3e; --kp-muted:#839082; position:relative; container-type:inline-size; margin:0; width:100%; min-width:0; color:var(--kp-ink); font-size:14px; line-height:1.45; text-align:left; }
.kpui * { box-sizing:border-box; }
.kpui h4,.kpui p { margin:0; }
.kpui strong,.kpui b { font-weight:600; }
.kpui small { color:var(--kp-muted); font-size:.8em; }
.kpui-stage { position:relative; width:100%; min-height:290px; display:flex; align-items:center; justify-content:center; padding:25px; overflow:hidden; }
.kpui-browser { width:100%; background:#fafbf8; border:1px solid #d4dfd3; border-radius:10px; overflow:hidden; box-shadow:0 20px 45px #1536291f; font-size:11px; }
.kpui-browser-bar { padding:11px 13px; display:flex; justify-content:space-between; align-items:center; gap:6px; background:#f0f4ed; border-bottom:1px solid #e0e7dc; font-size:9px; color:#617764; white-space:nowrap; }
.kpui-browser-bar>span:first-child { letter-spacing:4px; color:#9bad99; }
.kpui-browser-bar b { font-size:10px; }
.kpui-admin { display:grid; grid-template-columns:92px minmax(0,1fr); min-height:330px; }
.kpui-admin aside { display:flex; flex-direction:column; gap:10px; padding:15px 8px; background:#173f33; color:#b7cdbd; font-size:9px; }
.kpui-admin aside strong { color:#e4d7b2; font-size:14px; margin:2px 7px 10px; }
.kpui-admin aside span { padding:7px; }
.kpui-admin aside .is-on { color:#fff; background:#37624c; border-radius:3px; }
.kpui-admin-main { padding:17px 15px; min-width:0; }
.kpui-admin h4 { font-size:11px; display:flex; justify-content:space-between; align-items:center; gap:8px; }
.kpui-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:16px 0; }
.kpui-stats>div { background:#fff; border:1px solid #e4eadf; border-radius:3px; padding:11px 9px; }
.kpui-stats b { display:block; font-size:18px; margin-top:6px; color:#315c45; white-space:nowrap; }
.kpui-chart { border:1px solid #e4eadf; border-radius:3px; background:white; padding:12px 10px 8px; }
.kpui-chart svg { display:block; width:100%; margin-top:14px; }
.kpui-chart-grid { fill:none; stroke:#e3e9de; stroke-width:1; }
.kpui-chart-fill { fill:#edf3e4; }
.kpui-chart-line { fill:none; stroke:#648866; stroke-width:3; }
.kpui-chart-dates { display:flex; justify-content:space-between; font-size:8px; color:#9aa491; margin-top:5px; }
.kpui-admin-table { padding:15px 0 0; }
.kpui-admin-table h4 { margin-bottom:8px; }
.kpui-admin-table>div { display:grid; grid-template-columns:1.2fr .8fr .6fr; gap:6px; padding:8px 5px; border-bottom:1px solid #e2e8df; font-size:9px; }
.kpui-admin-table>div:first-of-type { background:#edf2e8; color:#71866d; }
.kpui-admin-table b { color:#64876a; font-weight:400; }
.kpui-phone { position:relative; flex-shrink:0; width:242px; padding:3px 3px 0; border:5px solid #2c4236; border-radius:29px; background:#fff; overflow:hidden; box-shadow:0 15px 35px #07271d23; font-size:11px; line-height:1.5; }
.kpui-phone::before { content:""; position:absolute; width:47px; height:8px; background:#2c4236; top:6px; left:calc(50% - 24px); border-radius:8px; z-index:2; }
.kpui-status { display:flex; justify-content:space-between; padding:8px 11px 4px; color:#314a3b; font-size:8px; }
.kpui-phone-title { display:flex; align-items:center; justify-content:space-between; padding:9px 10px 12px; font-size:11px; font-weight:600; gap:7px; }
.kpui-phone-title>span { font-size:9px; font-weight:400; }
.kpui-search { font-size:8px; color:#9da797; margin:0 9px 11px; background:#eff2e9; border-radius:20px; padding:6px 8px; }
.kpui-cover { position:relative; min-height:128px; padding:19px 12px; background:linear-gradient(120deg,#e3e9d5,#b5c8ac); overflow:hidden; }
.kpui-cover small { font-size:6px; letter-spacing:1px; color:#718563; }
.kpui-cover strong { display:block; font-size:18px; color:#2b5739; line-height:1.45; margin-top:8px; }
.kpui-book-art { position:absolute; width:48px; height:70px; right:22px; bottom:15px; background:#f8f3d8; border-left:7px solid #a78d5d; border-radius:2px 5px 5px 2px; box-shadow:7px 6px 0 #9fae88,12px 8px 12px #53734c33; transform:rotate(-12deg); }
.kpui-book-art::before { content:""; position:absolute; top:16px; left:8px; right:10px; height:3px; background:#bdab75; box-shadow:0 7px 0 #c6b784,0 14px 0 #c6b784; }
.kpui-quick { display:flex; justify-content:space-around; padding:14px 5px; font-size:7px; }
.kpui-quick span { display:flex; align-items:center; flex-direction:column; gap:5px; }
.kpui-quick svg { width:24px; height:24px; padding:5px; background:#edf1e5; border-radius:50%; color:#6c875b; }
.kpui-phone-heading { display:flex; justify-content:space-between; padding:2px 9px 7px; font-size:10px; }
.kpui-phone-heading small { font-size:7px; font-weight:400; }
.kpui-course-row { display:flex; gap:9px; margin:0 9px; padding:9px 0; border-bottom:1px solid #edf0e7; }
.kpui-cover-mini { display:flex; align-items:center; justify-content:center; width:50px; height:55px; background:#dbe8d6; color:#4b7153; border-radius:3px; font-style:normal; font-weight:600; font-size:13px; line-height:1.3; }
.kpui-cover-sand { background:#eee4cc; color:#9d7d47; }
.kpui-course-row>span { padding-top:3px; }
.kpui-course-row b { display:block; font-size:10px; }
.kpui-course-row small { display:block; margin:3px 0; font-size:7px; }
.kpui-course-row em { font-size:7px; font-style:normal; color:#a18556; }
.kpui-phone-nav { display:flex; justify-content:space-around; padding:13px 0 15px; font-size:7px; color:#929d8d; }
.kpui-phone-nav b { color:#285c40; }
.kpui-hero .kpui-stage { min-height:530px; padding:40px 5px; overflow:visible; }
.kpui-hero .kpui-browser { width:91%; position:absolute; left:0; top:115px; transform:perspective(1200px) rotateY(6deg); }
.kpui-hero .kpui-home-phone { width:211px; position:relative; margin-left:auto; margin-top:4px; transform:rotate(5deg); font-size:10px; }
.kpui-hero .kpui-admin { min-height:313px; grid-template-columns:76px minmax(0,1fr); }
.kpui-hero .kpui-admin-table { display:none; }
.kpui-hero .kpui-browser-bar>span:last-child { visibility:hidden; }
.kpui-hero .kpui-admin-main { padding-right:55px; }
.kpui-hero .kpui-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
.kpui-hero .kpui-stats>div:last-child { display:none; }
.kpui-hero .kpui-stats b { font-size:16px; }
.kpui-hero .kpui-cover { min-height:123px; padding:16px 10px; }
.kpui-hero .kpui-cover strong { font-size:17px; }
.kpui-hero .kpui-book-art { width:39px; height:60px; right:16px; }
.kpui-mini-player,.kpui-video-window,.kpui-article-sheet,.kpui-live-window,.kpui-column-sheet,.kpui-topic-sheet { width:100%; max-width:288px; min-height:238px; background:#fff; box-shadow:0 12px 30px #42613a15; border:1px solid #e1e7d8; border-radius:8px; overflow:hidden; }
.kpui-mini-player { text-align:center; padding:20px 23px 15px; }
.kpui-audio-disc { margin:0 auto 12px; width:71px; height:71px; display:grid; place-items:center; background:repeating-radial-gradient(circle,#21533e 0 5px,#2c6548 6px 7px); border:7px solid #e8e5cb; border-radius:50%; }
.kpui-audio-disc svg { width:26px; height:26px; color:#e8ddb8; }
.kpui-mini-player>b { display:block; font-size:12px; }
.kpui-mini-player>small { display:block; font-size:9px; margin:5px 0 14px; }
.kpui-player-line { height:3px; background:#dce7d5; border-radius:5px; }
.kpui-player-line i { width:31%; display:block; height:3px; position:relative; background:#668b5c; }
.kpui-player-line i::after { content:""; width:7px; height:7px; border-radius:50%; background:#668b5c; position:absolute; right:0; top:-2px; }
.kpui-player-time { display:flex; justify-content:space-between; margin-top:5px; font-size:8px; color:#899780; }
.kpui-controls { display:flex; align-items:center; justify-content:center; gap:30px; margin-top:11px; color:#86a075; font-size:21px; }
.kpui-controls b { font-size:18px; width:29px; height:29px; background:#527448; color:white; border-radius:50%; line-height:29px; }
.kpui-course-cover { position:relative; min-height:161px; padding:20px; background:linear-gradient(135deg,#d8e3cd,#afc7a4); overflow:hidden; }
.kpui-course-cover>span { display:block; color:#66805d; font-size:9px; }
.kpui-course-cover>strong { display:block; margin-top:8px; font-size:21px; color:#315a40; }
.kpui-camera-art { position:absolute; right:29px; bottom:19px; width:81px; height:49px; background:#f5edcf; border:3px solid #c7b887; border-radius:8px; transform:rotate(-8deg); box-shadow:5px 8px 10px #52754022; }
.kpui-camera-art::before { content:""; width:31px; height:31px; border:5px solid #9fba8d; background:#4b6b49; border-radius:50%; position:absolute; left:24px; top:5px; }
.kpui-camera-art::after { content:""; width:17px; height:8px; background:#ccbd91; border-radius:2px; position:absolute; top:-9px; left:10px; }
.kpui-play-symbol { position:absolute; left:22px; bottom:24px; background:#ffffffcc; width:31px; height:31px; border-radius:50%; color:#567646; text-align:center; line-height:31px; font-size:13px; }
.kpui-video-footer { padding:14px 16px; }
.kpui-video-footer>b { display:block; font-size:12px; }
.kpui-video-footer small { display:block; font-size:8px; margin:3px 0 12px; }
.kpui-article-sheet { padding:22px 20px; }
.kpui-article-sheet>small { font-size:8px; color:#9da081; }
.kpui-article-sheet h4 { font-size:14px; margin:8px 0 13px; }
.kpui-article-illustration { display:flex; gap:6px; height:64px; background:#edf1e4; align-items:center; justify-content:center; margin-bottom:14px; }
.kpui-article-illustration i { width:27px; height:34px; background:#648969; border-radius:2px; transform:rotate(-10deg); }
.kpui-article-illustration i:nth-child(2) { height:43px; background:#bda66c; transform:rotate(0); }
.kpui-article-illustration i:nth-child(3) { transform:rotate(9deg); background:#98b68c; }
.kpui-article-sheet>b { font-size:10px; }
.kpui-text-lines { display:grid; gap:6px; margin:11px 0; }
.kpui-text-lines i { height:3px; background:#dfe6d5; }
.kpui-text-lines i:last-child { width:65%; }
.kpui-article-note { font-size:8px; color:#7a8c6e; border-left:2px solid #bacba2; padding-left:8px; }
.kpui-live-screen { position:relative; min-height:160px; padding:18px 20px; color:#f0e6c7; background:linear-gradient(120deg,#194a36,#416c4c); }
.kpui-live-screen>span { font-size:8px; color:#d4dfa9; }
.kpui-live-screen strong { display:block; margin-top:12px; font-size:24px; line-height:1.35; }
.kpui-live-board { position:absolute; right:15px; bottom:24px; font-size:9px; padding:7px; border:1px solid #b9c39488; }
.kpui-live-chat { padding:12px 14px; font-size:8px; line-height:1.9; color:#8d9785; }
.kpui-live-chat b { color:#567551; }
.kpui-live-chat>span { display:flex; justify-content:space-between; margin-top:7px; padding:5px 8px; background:#f1f4eb; border-radius:20px; }
.kpui-column-sheet { padding:22px 17px 12px; }
.kpui-column-head { display:flex; align-items:center; gap:11px; margin-bottom:15px; }
.kpui-column-head b { display:block; font-size:12px; }
.kpui-column-head small { display:block; margin-top:6px; font-size:9px; }
.kpui-column-head .kpui-cover-mini { width:48px; height:55px; }
.kpui-lesson-row { display:flex; gap:12px; padding:12px 3px; border-top:1px solid #e8ecdf; align-items:center; }
.kpui-lesson-row>b { color:#9baa8c; font-size:12px; font-weight:400; }
.kpui-lesson-row span { font-size:10px; flex:1; }
.kpui-lesson-row small { display:block; font-size:8px; margin-top:3px; }
.kpui-lesson-row i { font-size:9px; font-style:normal; color:#719061; }
.kpui-topic-sheet { text-align:center; padding:23px 17px 15px; }
.kpui-topic-sheet>small { font-size:9px; color:#a9905b; }
.kpui-topic-sheet h4 { font-size:16px; margin:7px 0 23px; }
.kpui-topic-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.kpui-topic-cards>div { background:#edf3e5; padding:13px 3px; border-radius:5px; }
.kpui-topic-cards svg { display:block; width:25px; height:25px; margin:0 auto 10px; color:#809962; }
.kpui-topic-cards b { display:block; font-size:11px; }
.kpui-topic-cards span { font-size:7px; color:#97a188; }
.kpui-topic-sheet>p { color:#95a086; font-size:9px; line-height:1.8; margin-top:19px; }
.kpui-exam .kpui-stage { min-height:530px; padding:20px 45px 20px 10px; }
.kpui-exam-phone { width:258px; margin-left:15px; }
.kpui-exam-progress { padding:15px 14px; background:#eff4e7; }
.kpui-exam-progress>b { display:block; margin-bottom:12px; font-size:14px; }
.kpui-exam-progress>span { display:flex; justify-content:space-between; font-size:9px; color:#7c906d; }
.kpui-exam-progress>i { display:block; height:4px; background:linear-gradient(90deg,#7ba466 30%,#d8e4ca 30%); margin-top:10px; }
.kpui-question { padding:17px 15px; }
.kpui-question h4 { font-size:12px; line-height:1.8; margin:9px 0 16px; }
.kpui-question>div { display:flex; justify-content:space-between; border:1px solid #e1e7d9; border-radius:5px; padding:11px 9px; margin-bottom:9px; font-size:9px; color:#88967d; }
.kpui-question .is-chosen { color:#557847; background:#eef4e7; border-color:#a4bc8b; }
.kpui-exam-actions { display:flex; gap:10px; padding:0 15px; font-size:9px; }
.kpui-exam-actions>* { flex:1; text-align:center; background:#edf3e5; color:#72915d; padding:9px 3px; border-radius:3px; }
.kpui-exam-actions b { background:#587f47; color:#fff; }
.kpui-exam-footer { padding:20px; text-align:center; color:#a2ac96; font-size:8px; }
.kpui-certificate { position:absolute; right:2%; bottom:53px; width:178px; text-align:center; padding:23px 16px; background:#fffcf1; border:1px solid #d9c698; outline:5px solid #fffcf1; box-shadow:0 14px 30px #223d2322; transform:rotate(5deg); }
.kpui-certificate>span svg { width:27px; height:27px; color:#b9964c; margin-bottom:7px; }
.kpui-certificate>small { display:block; font-size:6px; letter-spacing:2px; color:#b59c6b; }
.kpui-certificate h4 { font-size:17px; color:#827044; margin:11px 0 14px; }
.kpui-certificate p { color:#a49870; font-size:8px; }
.kpui-certificate strong { display:block; width:45px; height:45px; line-height:45px; border:1px solid #c4ac73; border-radius:50%; margin:16px auto; font-size:12px; color:#a0854e; }
.kpui-certificate>div { font-size:7px; color:#a3936a; }
.kpui-management .kpui-stage { min-height:530px; padding:30px 0; overflow:visible; }
.kpui-management .kpui-browser { align-self:flex-start; margin-top:12px; width:100%; }
.kpui-management .kpui-home-phone { position:absolute; width:186px; bottom:8px; right:19px; transform:rotate(4deg); }
.kpui-management .kpui-admin { min-height:385px; grid-template-columns:80px minmax(0,1fr); }
.kpui-management .kpui-admin-main { padding-right:60px; }
.kpui-management .kpui-cover { min-height:99px; }
.kpui-management .kpui-cover strong { font-size:14px; }
.kpui-management .kpui-book-art { width:33px; height:48px; right:15px; bottom:16px; }
.kpui-management .kpui-home-phone .kpui-course-row:last-of-type { display:none; }
.kpui-management .kpui-home-phone .kpui-phone-title { font-size:9px; }
.kpui-management .kpui-quick { padding:10px 3px; }
.kpui-management .kpui-quick svg { width:20px; height:20px; padding:4px; }
.kpui-marketing-phone { width:252px; min-height:490px; }
.kp-marketing .kpui-stage { min-height:530px; padding:15px; }
.kpui-marketing-phone .kpui-course-cover { min-height:170px; }
.kpui-marketing-phone .kpui-course-cover strong { font-size:22px; }
.kpui-marketing-phone .kpui-course-cover .kpui-camera-art { width:94px; height:57px; bottom:19px; right:30px; }
.kpui-group-price { display:flex; align-items:baseline; gap:8px; padding:13px 13px 6px; color:#a38a50; }
.kpui-group-price b { font-size:22px; }
.kpui-group-price span { font-size:8px; }
.kpui-group-price del { color:#a9b39f; font-size:8px; }
.kpui-mobile-copy { padding:13px 13px 10px; }
.kpui-mobile-copy h4 { font-size:14px; margin-bottom:8px; }
.kpui-mobile-copy p { font-size:9px; color:#86967b; line-height:1.9; }
.kpui-avatar-row { display:flex; gap:12px; justify-content:center; margin:9px 0; }
.kpui-avatar-row span { width:33px; height:33px; border:1px solid #b3c5a2; border-radius:50%; line-height:33px; text-align:center; color:#688755; background:#edf3e5; font-size:14px; }
.kpui-avatar-row span:last-child { border-style:dashed; background:white; }
.kpui-center-note { font-size:8px; color:#9aa58f; text-align:center; }
.kpui-primary { margin:18px 13px 13px; text-align:center; color:#fff; background:#477244; padding:10px 8px; border-radius:4px; font-size:10px; }
.kpui-phone-home { width:72px; height:3px; background:#c2cbb8; border-radius:5px; margin:17px auto 9px; }
.kpui-checkin-hero { padding:25px 13px; color:#3b6540; background:#eaf1de; text-align:center; }
.kpui-checkin-hero>small { font-size:8px; color:#879973; }
.kpui-checkin-hero>strong { display:block; font-size:16px; margin:13px 0; }
.kpui-checkin-hero b { color:#987f45; font-size:32px; }
.kpui-checkin-hero>span { font-size:9px; background:#fdfff6; border-radius:20px; padding:5px 12px; }
.kpui-calendar { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:11px 4px; padding:22px 12px; text-align:center; font-size:9px; }
.kpui-calendar b { font-size:8px; color:#9ca890; font-weight:400; }
.kpui-calendar i { background:#ecf3e1; color:#729758; border-radius:50%; font-style:normal; }
.kpui-calendar span { color:#a0aa95; }
.kpui-point-card { display:flex; justify-content:space-between; margin:0 14px; padding:13px; border:1px solid #e5ebdc; border-radius:4px; font-size:11px; }
.kpui-point-card b { color:#a0864d; }
.kpui-redeem-art { margin:25px auto 22px; width:107px; height:107px; background:#eff3e2; border-radius:50%; display:grid; place-items:center; }
.kpui-redeem-art svg { width:64px; height:64px; color:#a58c51; transform:rotate(-15deg); }
.kpui-text-center { text-align:center; }
.kpui-text-center h4 { font-size:13px; }
.kpui-code-field { margin:18px 13px; border:1px solid #dce5cf; border-radius:4px; padding:13px; color:#adb59f; font-size:10px; }
.kpui-mobile-note { margin:25px 13px 15px; font-size:10px; }
.kpui-mobile-note p { padding:12px 0; font-size:9px; color:#8a987b; border-bottom:1px solid #e7ecdf; }
.kpui-mobile-note p span { float:right; font-size:8px; color:#719656; }
.kpui-distribution-top { padding:22px 17px; color:#e9e7c8; background:linear-gradient(130deg,#1e5036,#56764c); }
.kpui-distribution-top>span { font-size:9px; }
.kpui-distribution-top>strong { display:block; font-size:29px; margin:6px 0; }
.kpui-distribution-top>small { font-size:8px; color:#b9c9a7; }
.kpui-two-stats { display:flex; text-align:center; margin:20px 10px; }
.kpui-two-stats>div { flex:1; }
.kpui-two-stats>div+div { border-left:1px solid #e1e9d7; }
.kpui-two-stats b { display:block; font-size:17px; color:#65884f; }
.kpui-two-stats small { font-size:8px; }
.kpui-share-poster { position:relative; margin:15px 13px; padding:17px; min-height:135px; background:#eaf0dc; border:1px solid #dce5c8; border-radius:4px; }
.kpui-share-poster>small { color:#93a078; font-size:8px; }
.kpui-share-poster strong { display:block; color:#587547; font-size:22px; margin-top:10px; line-height:1.4; }
.kpui-share-poster .kpui-book-art { width:45px; height:65px; right:22px; bottom:21px; }
.kpui-member-card { position:relative; margin:14px 11px; padding:25px 16px; min-height:142px; border-radius:8px; background:linear-gradient(125deg,#244f39,#637d4d); color:#eadcae; }
.kpui-member-card small { font-size:9px; color:#d4d2a8; }
.kpui-member-card strong { display:block; font-size:19px; margin:15px 0; }
.kpui-member-card span { font-size:8px; }
.kpui-member-card svg { position:absolute; right:19px; bottom:22px; width:27px; height:27px; color:#cfb779; }
.kpui-member-benefits { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; padding:15px 16px 24px; }
.kpui-member-benefits>div { text-align:center; font-size:9px; color:#7f9268; }
.kpui-member-benefits svg { display:block; width:30px; height:30px; margin:0 auto 8px; color:#a2a66c; }
.kpui-event-cover { position:relative; padding:23px 17px; min-height:187px; color:#eee6bc; background:linear-gradient(135deg,#365f3c,#779469); }
.kpui-event-cover small { font-size:8px; color:#d6d8b7; letter-spacing:2px; }
.kpui-event-cover strong { display:block; font-size:24px; margin-top:14px; line-height:1.4; }
.kpui-event-cover>div { position:absolute; right:12px; bottom:23px; }
.kpui-event-cover svg { width:43px; height:43px; color:#dee0b7; }
.kpui-event-detail { padding:6px 13px 13px; font-size:10px; }
.kpui-event-detail p { color:#93a084; margin-top:9px; font-size:9px; }
@media (max-width:1100px) {
    .kp-intro { gap:16px; margin-bottom:49px; }
    .kp-intro article { padding:21px 17px; gap:13px; }
    .kp-intro h3 { font-size:19px; }
    .kp-intro svg { width:32px; height:32px; }
    .kp-form-grid { gap:18px; }
    .kp-form-copy { padding:22px 20px; }
    .kpui-stage { padding:20px 15px; }
    .kp-split,.kp-management .kp-split { gap:34px; }
    .kp-capabilities { gap:19px; }
    .kp-capability { gap:15px; }
    .kp-capability h3 { font-size:19px; }
    .kp-capability p { font-size:14px; }
    .kp-marketing-tabs { gap:35px; }
    .kp-marketing-tabs .mc-tab-list a { padding:18px 17px; min-height:142px; }
    .kp-marketing-tabs .mc-tab-list strong { font-size:18px; }
    .kp-income-grid { gap:16px; }
    .kp-income-grid article { padding:27px 18px; }
    .kp-income-grid h3 { font-size:19px; }
    .kp-income-grid p { font-size:14px; }
    .kp-scenarios { gap:18px; }
    .kp-scenarios article { flex-basis:calc((100% - 72px)/5); }
    .kp-tech-cards { gap:17px 25px; }
    .kp-tech-cards article { gap:16px; }
    .kpui-management .kpui-admin { grid-template-columns:70px minmax(0,1fr); }
    .kpui-management .kpui-admin-main { padding:15px 14px; }
    .kpui-management .kpui-stats b { font-size:13px; }
    .kpui-management .kpui-stats>div { padding:8px 6px; }
    .kpui-management .kpui-home-phone { width:174px; right:18px; }
}
@media (max-width:800px) {
    .kp-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .kp-split,.kp-management .kp-split { grid-template-columns:1fr; }
    .kp-split>.kpui { max-width:560px; margin-inline:auto; }
    .kp-capabilities { grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px; }
    .kp-marketing-tabs { display:flex; flex-direction:column; gap:25px; }
    .kp-marketing-tabs>.mc-tab-list { width:100%; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
    .kp-marketing-tabs>.mc-tab-panels { width:100%; max-width:510px; }
    .kp-marketing-tabs .mc-tab-list a { min-height:142px; padding:15px; }
    .kp-marketing-tabs .mc-tab-list strong { font-size:17px; }
    .kp-marketing-tabs .mc-tab-list small { font-size:12px; }
    .kp-income-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
    .kp-tech-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .kp-scenarios article { flex-basis:calc((100% - 54px)/4); }
}
@media (max-width:600px) {
    .page-knowledge-payment main section[id] { scroll-margin-top:calc(var(--site-header-height) + 92px); }
    .kp-intro { grid-template-columns:1fr; gap:12px; margin-bottom:40px; }
    .kp-intro article { padding:17px 20px; }
    .kp-intro h3 { font-size:18px; margin-bottom:5px; }
    .kp-intro p { font-size:13px; }
    .kp-intro svg { margin-right:5px; }
    .kp-form-grid { grid-template-columns:1fr; gap:22px; }
    .kp-form-copy { padding:21px 24px 25px; }
    .kp-form-copy h3 { font-size:21px; }
    .kp-form-copy p { font-size:14px; }
    .kp-capabilities { grid-template-columns:1fr; gap:25px; }
    .kp-capability>svg { width:29px; height:29px; }
    .kp-capability h3 { font-size:19px; }
    .kp-marketing-tabs>.mc-tab-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
    .kp-marketing-tabs .mc-tab-list a { padding:16px 13px; min-height:135px; }
    .kp-marketing-tabs .mc-tab-list strong { font-size:17px; gap:7px; }
    .kp-marketing-tabs .mc-tab-list strong svg { width:19px; height:19px; }
    .kp-marketing-tabs .mc-tab-list small { font-size:12px; }
    .kp-income-grid { gap:13px; }
    .kp-income-grid article { padding:24px 16px; }
    .kp-income-grid svg { width:32px; height:32px; margin-bottom:18px; }
    .kp-income-grid h3 { font-size:18px; }
    .kp-income-grid p { font-size:13px; }
    .kp-scenarios { gap:12px; }
    .kp-scenarios article { flex-basis:calc((100% - 24px)/3); padding:22px 5px; }
    .kp-scenarios svg { width:30px; height:30px; margin-bottom:13px; }
    .kp-scenarios h3 { font-size:14px; }
    .kp-tech-title { font-size:23px; margin-bottom:21px; }
    .kp-tech-cards { grid-template-columns:1fr; gap:0; }
    .kp-tech-cards article { padding:23px 0; gap:22px; }
    .kp-tech-cards h4 { font-size:18px; }
    .kp-tech-cards p { font-size:14px; }
    .kpui-hero .kpui-stage { min-height:463px; padding:20px 7px; }
    .kpui-hero .kpui-browser { width:92%; top:111px; }
    .kpui-hero .kpui-home-phone { width:183px; margin-top:4px; margin-right:18px; }
    .kpui-hero .kpui-admin { grid-template-columns:58px minmax(0,1fr); min-height:260px; }
    .kpui-hero .kpui-admin aside { padding:12px 5px; font-size:7px; gap:5px; }
    .kpui-hero .kpui-admin aside strong { font-size:11px; margin:2px 3px 8px; }
    .kpui-hero .kpui-admin aside span { padding:7px 3px; }
    .kpui-hero .kpui-admin-main { padding:12px 45px 12px 10px; }
    .kpui-hero .kpui-admin-main>h4 { font-size:8px; }
    .kpui-hero .kpui-admin-main h4 small { display:none; }
    .kpui-hero .kpui-stats { display:block; margin:11px 0; }
    .kpui-hero .kpui-stats>div { padding:8px; }
    .kpui-hero .kpui-stats>div:nth-child(2) { display:none; }
    .kpui-hero .kpui-chart { padding:8px 7px; }
    .kpui-hero .kpui-chart h4 { font-size:8px; }
    .kpui-hero .kpui-chart-dates { font-size:6px; }
    .kpui-hero .kpui-phone-title { font-size:9px; }
    .kpui-hero .kpui-search { font-size:7px; }
    .kpui-hero .kpui-cover { min-height:116px; }
    .kpui-hero .kpui-cover strong { font-size:16px; }
    .kpui-hero .kpui-cover small { font-size:5px; letter-spacing:.4px; }
    .kpui-hero .kpui-book-art { width:30px; height:51px; right:13px; bottom:16px; }
    .kpui-hero .kpui-quick { padding:10px 3px; }
    .kpui-hero .kpui-quick svg { width:21px; height:21px; }
    .kpui-hero .kpui-course-row { gap:8px; padding:7px 0; }
    .kpui-hero .kpui-cover-mini { width:42px; height:48px; font-size:11px; }
    .kpui-hero .kpui-course-row b { font-size:8px; }
    .kpui-hero .kpui-course-row small { font-size:6px; }
    .kpui-exam .kpui-stage { padding:15px 20px 15px 0; min-height:525px; justify-content:flex-start; }
    .kpui-exam-phone { width:238px; margin-left:2px; }
    .kpui-certificate { width:144px; bottom:47px; right:12px; padding:17px 11px; }
    .kpui-certificate h4 { font-size:14px; }
    .kpui-certificate strong { margin-block:12px; }
    .kpui-management .kpui-stage { min-height:496px; padding-top:20px; }
    .kpui-management .kpui-home-phone { width:167px; right:17px; bottom:10px; }
    .kpui-management .kpui-admin { grid-template-columns:61px minmax(0,1fr); min-height:337px; }
    .kpui-management .kpui-admin aside { font-size:7px; gap:8px; padding:14px 4px; }
    .kpui-management .kpui-admin aside strong { font-size:10px; margin-inline:4px; }
    .kpui-management .kpui-admin aside span { padding:6px 3px; }
    .kpui-management .kpui-admin-main { padding:12px 10px; }
    .kpui-management .kpui-admin h4 { font-size:9px; }
    .kpui-management .kpui-stats { gap:4px; }
    .kpui-management .kpui-stats b { font-size:11px; }
    .kpui-management .kpui-stats small { font-size:7px; }
    .kpui-management .kpui-admin-table>div { font-size:7px; }
    .kpui-management .kpui-home-phone .kpui-course-row:last-of-type { display:none; }
    .kpui-management .kpui-cover strong { font-size:13px; }
}
@media (max-width:360px) {
    .kp-marketing-tabs .mc-tab-list strong { font-size:15px; }
    .kp-marketing-tabs .mc-tab-list a { padding:14px 11px; min-height:142px; }
    .kpui-hero .kpui-home-phone { width:171px; }
    .kpui-hero .kpui-browser { width:94%; }
    .kpui-hero .kpui-admin-main { padding-right:30px; }
    .kpui-certificate { width:127px; }
    .kp-income-grid { grid-template-columns:1fr; }
    .kp-scenarios h3 { font-size:12px; }
}