.pk-page{background:#06131b;color:#eef5f7}.pk-shell{width:min(1180px,calc(100% - 48px));margin:auto}.pk-hero{padding:clamp(110px,13vw,180px) 0 90px;background:radial-gradient(circle at 15% 20%,rgba(99,220,232,.09),transparent 34%),linear-gradient(180deg,#071923,#06131b)}.pk-kicker,.pk-intro span,.pk-history span{display:block;margin-bottom:14px;color:#63dce8;font-size:11px;font-weight:800;letter-spacing:.12em}.pk-hero h1{max-width:900px;margin:0;font-size:clamp(42px,6vw,78px);line-height:1.25}.pk-hero h1 strong{display:block;color:#d8aa62}.pk-hero p{max-width:720px;margin:28px 0 0;color:#94aab3;font-size:16px;line-height:2}.pk-intro{padding:72px 0;border-top:1px solid rgba(255,255,255,.06)}.pk-intro .pk-shell{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.pk-intro h2{margin:0;font-size:clamp(28px,4vw,44px)}.pk-intro p{margin:0;color:#8fa3ac;line-height:2}.pk-group{padding:58px 0}.pk-group-head{display:flex;align-items:center;gap:22px;margin-bottom:26px}.pk-group-head>b{display:flex;width:54px;height:54px;align-items:center;justify-content:center;border:1px solid rgba(216,170,98,.28);border-radius:50%;color:#d8aa62}.pk-group-head h2{margin:0;font-size:28px}.pk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pk-card a{display:flex;min-height:250px;flex-direction:column;padding:26px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));text-decoration:none;transition:.2s}.pk-card a:hover{transform:translateY(-3px);border-color:rgba(99,220,232,.26)}.pk-card span{color:#8d72f0;font-size:10px;font-weight:800;letter-spacing:.12em}.pk-card h3{margin:22px 0 12px;color:#f3f7f8;font-size:19px;line-height:1.65}.pk-card p{margin:0;color:#8fa3ac;font-size:13px;line-height:1.9}.pk-card b{margin-top:auto;padding-top:24px;color:#63dce8;font-size:12px}.pk-history{margin-top:60px;padding:100px 0;background:radial-gradient(circle at 80% 30%,rgba(216,170,98,.09),transparent 32%),#081821}.pk-history-copy{max-width:760px}.pk-history h2{font-size:clamp(32px,4.5vw,54px);line-height:1.45}.pk-history h2 strong{color:#d8aa62}.pk-history p{color:#91a6ae;line-height:2}.pk-actions{display:flex;gap:28px;margin-top:30px}.pk-actions a{color:#63dce8;text-decoration:none}.pk-technical{padding:70px 0 110px}.pk-technical details{border-top:1px solid rgba(255,255,255,.08);padding-top:28px}.pk-technical summary{cursor:pointer;color:#d8aa62}.pk-archive-content{margin-top:34px;color:#9aadb5;line-height:2}.pk-archive-content h2{margin-top:44px;color:#eef5f7}.pk-archive-content a{color:#63dce8}.pk-archive-content code{color:#d8aa62}@media(max-width:980px){.pk-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.pk-shell{width:min(100% - 28px,1180px)}.pk-intro .pk-shell{grid-template-columns:1fr}.pk-grid{grid-template-columns:1fr}.pk-hero{padding-top:90px}.pk-card a{min-height:220px}}/* P489-KNOWLEDGE-UX */
.pk-page{--pk-gold:#d8aa62;--pk-cyan:#63dce8;--pk-purple:#8d72f0}
.pk-hero{position:relative;overflow:hidden}
.pk-hero:after{content:"KNOWLEDGE";position:absolute;left:5vw;bottom:-.12em;color:transparent;-webkit-text-stroke:1px rgba(216,170,98,.08);font-size:clamp(80px,12vw,190px);font-weight:800;letter-spacing:-.05em;pointer-events:none}
.pk-group:nth-of-type(even){background:linear-gradient(90deg,rgba(99,220,232,.018),rgba(141,114,240,.025),transparent)}
.pk-card:nth-child(1) a{border-color:rgba(216,170,98,.18);background:radial-gradient(circle at 80% 12%,rgba(216,170,98,.07),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.012))}
.pk-floating-topics{position:fixed;z-index:60;left:18px;top:50%;transform:translateY(-50%);display:flex;width:168px;flex-direction:column;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(5,18,26,.86);box-shadow:0 20px 50px rgba(0,0,0,.28);backdrop-filter:blur(14px)}
.pk-floating-topics span{padding:7px 10px 11px;color:var(--pk-gold);font-size:10px;font-weight:800;letter-spacing:.12em}
.pk-floating-topics a{padding:9px 10px;border-radius:10px;color:#91a7b0;text-decoration:none;font-size:11px;line-height:1.55;transition:.2s}
.pk-floating-topics a:hover{color:#fff;background:rgba(99,220,232,.08)}
.pk-faq{padding:100px 0;background:linear-gradient(180deg,#071720,#06131b)}
.pk-faq-head{max-width:760px;margin-bottom:38px}
.pk-faq-head span{display:block;margin-bottom:12px;color:var(--pk-cyan);font-size:11px;font-weight:800;letter-spacing:.12em}
.pk-faq-head h2{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.45}
.pk-faq-head strong{color:var(--pk-gold)}
.pk-faq-list{max-width:900px}
.pk-faq-list details{border-bottom:1px solid rgba(255,255,255,.08)}
.pk-faq-list summary{position:relative;cursor:pointer;padding:25px 42px 25px 0;color:#edf5f7;font-size:16px;font-weight:700;list-style:none}
.pk-faq-list summary:before{content:"+";position:absolute;right:0;top:20px;color:var(--pk-gold);font-size:24px;font-weight:300}
.pk-faq-list details[open] summary:before{content:"−"}
.pk-faq-list p{max-width:760px;margin:0;padding:0 42px 26px 0;color:#8fa4ad;font-size:13px;line-height:2}
html{scroll-behavior:smooth}.pk-group,.pk-faq{scroll-margin-top:110px}
@media(max-width:1380px){.pk-floating-topics{left:10px;width:150px}}
@media(max-width:1120px){.pk-floating-topics{position:sticky;top:72px;left:auto;transform:none;width:100%;flex-direction:row;overflow-x:auto;border-radius:0;border-left:0;border-right:0;padding:8px 14px}.pk-floating-topics span{display:none}.pk-floating-topics a{white-space:nowrap}}
/* END-P489-KNOWLEDGE-UX */
