:root{--pk-primary:#6678d5;--pk-deep:#4356aa;--pk-tint:#f0f3ff;--pk-tint-border:#dce2fa;--pk-ink:#16202c;--pk-muted:#647284;--pk-line:#e5ebf1;--pk-red:var(--pk-primary);--brand:var(--pk-primary);--brand-dark:var(--pk-deep);--brand-bg:var(--pk-tint);--brand-border:var(--pk-tint-border);--accent:var(--pk-primary);--accent-dark:var(--pk-deep);--accent-bg:var(--pk-tint);--accent-soft:var(--pk-tint);--accent-border:var(--pk-tint-border);--border:var(--pk-line);--text:var(--pk-ink);--muted:var(--pk-muted)}html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:linear-gradient(180deg,#f7fbfe 0,#fbfcfe 500px,#f8fafc 100%);color:var(--pk-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;line-height:1.65;letter-spacing:-.012em;-webkit-font-smoothing:antialiased}::selection{background:var(--pk-tint-border);color:var(--pk-deep)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--pk-primary);outline-offset:3px}.navbar{background:rgba(255,255,255,.91);border-bottom:1px solid var(--pk-line);box-shadow:none;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}.nav-content{max-width:1200px;min-height:72px;padding:10px 25px;gap:24px}.logo,.logo span{font-weight:760;font-size:20px;letter-spacing:-.045em;color:var(--pk-ink);background:0 0!important;-webkit-text-fill-color:initial!important}.logo::first-letter{color:var(--pk-primary)}.nav-links{gap:clamp(12px,1.5vw,23px)}.nav-links a{font-size:13px;font-weight:580;color:#536174;border-radius:8px;padding:5px 1px}.nav-links a.active,.nav-links a:hover{color:var(--pk-deep)}.container{max-width:1200px}.header,.hero{max-width:1040px;margin:32px auto 25px;padding:62px 30px 40px;background:0 0;box-shadow:none;border:0;text-align:center}.header h1,.hero h1,h1{color:var(--pk-ink);font-size:clamp(38px,5.2vw,64px);font-weight:760;line-height:1.09;letter-spacing:-.055em;max-width:920px;margin-left:auto;margin-right:auto}.hero-subtitle,.subtitle{color:#657386;font-size:clamp(16px,1.8vw,19px);line-height:1.7;max-width:770px}.eyebrow,.hero-badge{display:inline-flex;align-items:center;gap:6px;color:var(--pk-deep);background:var(--pk-tint);border:1px solid var(--pk-tint-border);border-radius:999px;font-weight:720;letter-spacing:.03em;padding:7px 14px}.stats-row{margin-top:34px;gap:clamp(18px,4vw,56px)}.stat-number{color:var(--pk-deep);font-size:28px;letter-spacing:-.045em}.stat-label{color:var(--pk-muted)}.section-header{margin:54px 0 24px}.browse-header h2,.section-header h2,.section-heading h2,h2{color:var(--pk-ink);font-weight:740;letter-spacing:-.038em}.section-subtitle{color:var(--pk-muted);font-size:16px}.category-grid,.features-grid,.tool-grid,.tools-grid,.usecases-grid{gap:18px}.category-card,.faq-section,.feature,.feature-card,.pk-guide,.preview,.related-section,.search-card,.step,.tool-card,.tool-grid .tool-card,.usecase-item{background:#fff;border:1px solid var(--pk-line);border-radius:22px;box-shadow:0 5px 22px rgba(29,57,87,.035)}.tool-card{padding:25px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;min-width:0}.category-card:hover,.feature:hover,.tool-card:hover{transform:translateY(-3px);box-shadow:0 13px 35px rgba(29,57,87,.09);border-color:var(--pk-tint-border)}.category-card h3,.category-info h3,.feature h3,.feature-card h3,.tool-card h3,.tool-card h4,.tool-card strong,.usecase-item h4{color:var(--pk-ink);letter-spacing:-.022em}.category-card p,.feature p,.feature-card p,.tool-card p,.usecase-item p{color:var(--pk-muted)}.category-head-icon,.category-icon,.step-number,.tool-icon{background:var(--pk-tint);color:var(--pk-deep);border-radius:15px}.category-icon svg,.tool-icon svg{stroke:var(--pk-primary)}.breadcrumb a,.footer-links a,.pk-guide-links a,.related a,.related-links a,.tool-link,.view-all{color:var(--pk-deep)}.badge-new,.tool-count{color:var(--pk-deep);background:var(--pk-tint);border-color:var(--pk-tint-border)}.badge-popular{background:#f1f5f9;color:#526174}.category-head,.category-header,.popular-header{background:#fff;border:1px solid var(--pk-line);border-radius:17px}.cta-banner{background:linear-gradient(125deg,var(--pk-deep),var(--pk-primary));border-radius:24px;padding:45px 30px;color:#fff}.cta-banner h3,.cta-banner p{color:#fff}.btn-primary,.cta-button{border-radius:12px;box-shadow:none}.btn-primary{background:var(--pk-primary);color:#fff}.btn-primary:hover{box-shadow:0 10px 26px rgba(30,70,90,.13)}.btn-secondary{background:var(--pk-tint);color:var(--pk-deep);border-color:var(--pk-tint-border)}.cta-button{background:#fff;color:var(--pk-deep)}.header .cta-button{background:var(--pk-primary);color:#fff}.chip,.pk-guide-links a,.related a,.related-links a{background:var(--pk-tint);border:1px solid var(--pk-tint-border);color:var(--pk-deep)}.chip:hover,.related-links a:hover,.view-all:hover{background:var(--pk-primary);color:#fff;border-color:var(--pk-primary)}.faq-section,.pk-guide{padding:36px}.faq-item summary,.faq-question{color:var(--pk-ink)}.faq-answer{border-left-color:var(--pk-primary)}.footer{background:#fff;border-top:1px solid var(--pk-line);margin-top:60px}.footer-links a{color:#68788b}.breadcrumb{color:var(--pk-muted)}.breadcrumb a{color:var(--pk-deep)}.header h1{color:var(--pk-ink)}.preview h2,.step h3,.tool-card strong{color:var(--pk-ink)}.preview textarea:focus{border-color:var(--pk-primary);box-shadow:0 0 0 3px var(--pk-tint)}@media(max-width:820px){.nav-content{align-items:stretch;flex-direction:column;gap:5px;padding:10px 17px}.nav-links{display:flex!important;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding:4px 0 7px}.nav-links a{white-space:nowrap}.category-grid,.features-grid,.tools-grid,.usecases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header,.hero{padding:42px 12px 27px}.faq-section,.pk-guide{padding:24px}.container{padding:0 17px}}@media(max-width:560px){.category-grid,.features-grid,.steps,.tool-grid,.tools-grid,.usecases-grid{grid-template-columns:1fr}.header,.hero{margin:14px auto 20px;padding:33px 5px 24px}.header h1,.hero h1,h1{font-size:clamp(35px,9vw,43px)}.hero-subtitle,.subtitle{font-size:16px}.tool-card{padding:21px}.stats-row{gap:16px}.stat-number{font-size:23px}.nav-content{padding:10px 15px}.footer-links{gap:12px}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important}}