.kpd-section{background:#eeeaf1;--kp-navy:#142441;--kp-blue:#2457e7;--kp-border:#d8dce7}.kpd-demo-note{display:flex;gap:14px;align-items:flex-start;margin:0 0 24px;color:#4d566d}.kpd-demo-note p{font-size:12px;line-height:1.7;margin:0;max-width:950px}.kpd-demo-tag{font:700 9px/1 Arial,sans-serif;letter-spacing:.12em;border:1px solid #bdb5c8;background:#faf7fc;border-radius:5px;padding:7px 9px;flex-shrink:0}.kpd-portal{overflow:hidden;border:1px solid #c9cede;border-radius:18px;background:white;box-shadow:0 22px 65px #20305214}.kpd-portal button{font-family:Arial,sans-serif;cursor:pointer}.kpd-portal button:disabled{cursor:default;opacity:.8}.kpd-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(115deg,#0c1833,#1a3155);color:white;padding:20px 30px}.kpd-portal-brand{display:flex;align-items:center;gap:12px}.kpd-portal-brand>span{font:400 45px/.9 Georgia,serif;color:#f7c5da}.kpd-portal-brand>div{font:600 14px/1.4 Arial,sans-serif}.kpd-portal-brand small{display:block;font-size:8px;letter-spacing:.18em;color:#c5cee3;margin-top:4px}.kpd-user{display:flex;align-items:center;gap:9px;color:#d9e1ef;font-size:11px}.kpd-user i{font:700 9px/1 Arial,sans-serif;display:grid;place-items:center;width:30px;height:30px;border:1px solid #8998b866;border-radius:50%;background:#ffffff0d}.kpd-project-card{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:24px;align-items:center;padding:30px;background:#f7f9fd}.kpd-project-icon{position:relative;display:grid;place-items:center;width:70px;height:76px;background:#e5ebff;color:#2457e7;border:1px solid #c6d3f5;border-radius:12px;font:700 46px/1 Georgia,serif}.kpd-project-icon>span{position:absolute;right:7px;top:6px;font:16px/1 Arial,sans-serif}.kpd-project-title>p{font-size:9px;letter-spacing:.12em;color:#66728c;margin:0 0 10px}#main .kpd-project-title h3{font:500 clamp(23px,2.4vw,32px)/1.15 Georgia,serif;color:#1b2a47;letter-spacing:-.025em;margin:0 0 10px}.kpd-project-title>span{font-size:12px;color:#65718a}.kpd-project-action{display:grid;gap:12px;justify-items:end}.kpd-badge{display:inline-block;font-size:10px;font-weight:600;padding:7px 10px;border-radius:20px;background:#e6ecff;color:#254fb6}.kpd-badge[data-state=feedback]{background:#fff1d8;color:#795500}.kpd-badge[data-state=approved]{background:#dff2e7;color:#245b3f}.kpd-primary,.kpd-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:12px 17px;border-radius:8px;font-size:12px;font-weight:600;line-height:1.45;text-align:center;border:1px solid transparent;transition:background .15s}.kpd-primary{background:#2457e7;color:#fff;border-color:#2457e7}.kpd-primary:hover:not(:disabled){background:#1645cb}.kpd-secondary{background:#f4f7ff;border-color:#b7c6ef;color:#2045a5}.kpd-secondary:hover:not(:disabled){background:#e6edff}.kpd-project-body[hidden],.kpd-portal [hidden]{display:none!important}.kpd-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:24px 30px;list-style:none;margin:0;border-top:1px solid var(--kp-border);border-bottom:1px solid var(--kp-border)}.kpd-steps li{display:flex;gap:10px;align-items:center;font-size:12px;color:#66718a}.kpd-steps li>span{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border:1px solid #cbd2df;border-radius:50%;font-size:9px;color:#66718a}.kpd-steps small{display:block;font-size:10px;color:#6a7487;margin-top:3px}.kpd-steps .is-current>span{background:#e6edff;border-color:#2457e7;color:#2457e7}.kpd-steps .is-current>div{color:#1b3b91}.kpd-steps .is-complete>span{background:#e4f2eb;color:#28644a;border-color:#bad8c9}.kpd-workspace{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:30px;padding:30px}.kpd-designs,.kpd-feedback{min-width:0}.kpd-panel-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}#main .kpd-panel-label h4{font:700 15px/1.4 Arial,sans-serif;color:#243451;margin:0}.kpd-panel-label>span{font-size:8px;letter-spacing:.1em;color:#6f7a91}.kpd-variants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.kpd-variants>button{min-width:0;display:flex;align-items:center;gap:12px;padding:11px;background:#fff;border:1px solid #d2d8e5;border-radius:10px;text-align:left;color:#22334f}.kpd-variants>button[aria-selected=true]{border-color:#2457e7;background:#f2f6ff;box-shadow:0 0 0 1px #2457e7}.kpd-variants>button>span:nth-child(2){min-width:0}.kpd-variants strong{display:block;font-size:12px}.kpd-variants small{display:block;font-size:10px;font-weight:400;color:#62708b;margin-top:5px}.kpd-variants b{font-size:8px;font-weight:600;color:#486085;margin-left:auto;white-space:nowrap}.kpd-variant-thumb{position:relative;display:grid;place-items:center;flex-shrink:0;width:43px;height:49px;font:700 32px/1 Georgia,serif;border-radius:4px;overflow:hidden}.kpd-variant-thumb>span{position:absolute;right:3px;top:4px;font:12px/1 Arial,sans-serif}.kpd-variant-thumb--a{background:#2457e7;color:#fff}.kpd-variant-thumb--b{background:#eac9d3;color:#6e2843;font-style:italic}.kpd-design-panel{container-type:inline-size;border:1px solid #d1d8e6;overflow:hidden;border-radius:10px;box-shadow:0 10px 22px #2337550c;background:white}.kpd-browser-bar{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:12px 15px;background:#f6f8fc;border-bottom:1px solid #e0e5ef;color:#7b879c;font:8px/1 Arial,sans-serif}.kpd-browser-bar>span:first-child{color:#aeb8cb;letter-spacing:2px}.kpd-mock{--mock-accent:#2457e7;--mock-soft:#ecf1ff;--mock-ink:#10213f;font-family:Arial,sans-serif}.kpd-mock-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;background:white;padding:24px;color:var(--mock-ink)}.kpd-mock-nav>strong{font:800 14px/1 Arial,sans-serif;letter-spacing:-.03em}.kpd-mock-nav>strong>span{display:block;font:7px/1.4 Arial,sans-serif;letter-spacing:.13em;margin-top:6px}.kpd-mock-nav>span{font-size:8px;white-space:nowrap}.kpd-mock-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;background:var(--mock-soft);min-height:365px}.kpd-mock-copy{padding:30px 18px 30px 24px;min-width:0}.kpd-mock-kicker{display:block;font:600 7px/1.6 Arial,sans-serif;letter-spacing:.08em;color:var(--mock-ink);margin-bottom:20px}#main .kpd-mock h5{font:700 clamp(28px,5.6cqi,46px)/1.05 Arial,sans-serif;letter-spacing:-.055em;color:var(--mock-ink);margin:0 0 20px}#main .kpd-mock h5 em{font:inherit;color:var(--mock-accent)}.kpd-mock-copy>p{font:11px/1.8 Arial,sans-serif;color:var(--mock-ink);margin:0 0 20px}.kpd-mock-cta{display:inline-flex;align-items:center;gap:18px;background:var(--mock-accent);color:white;padding:13px 14px;border-radius:4px;font:700 9px/1.3 Arial,sans-serif}.kpd-mock-cta b{font-size:14px}.kpd-mock-art{position:relative;align-self:stretch;overflow:hidden;background:var(--mock-accent);color:white;min-height:280px;isolation:isolate}.kpd-art-orbit{position:absolute;width:135%;aspect-ratio:1;border:1px solid #ffffff50;border-radius:50%;top:-30%;right:-40%}.kpd-art-orbit:after{content:"";position:absolute;inset:25px;border:1px solid #ffffff50;border-radius:50%}.kpd-art-letter{position:absolute;left:6%;top:5%;font:800 clamp(140px,34cqi,280px)/1 Arial,sans-serif;letter-spacing:-.1em;transform:rotate(-8deg);opacity:.92}.kpd-art-caption{position:absolute;bottom:22px;left:22px;font:700 12px/1.5 Arial,sans-serif;letter-spacing:.1em}.kpd-art-arrow{position:absolute;right:18px;bottom:18px;font:36px/1 Arial,sans-serif}.kpd-mock-bottom{display:flex;gap:10px;justify-content:space-between;padding:20px 24px;background:white;color:#64718a;font:8px/1.4 Arial,sans-serif}.kpd-design-panel[data-kpd-design=b] .kpd-mock{--mock-accent:#74334e;--mock-soft:#f8f0ec;--mock-ink:#432837}.kpd-design-panel[data-kpd-design=b] .kpd-mock-art{background:linear-gradient(135deg,#d5a3b7,#f0d9cd);color:#74334e;order:-1;margin:22px 0 22px 22px;border-radius:130px 130px 8px 8px}.kpd-design-panel[data-kpd-design=b] .kpd-mock-hero{grid-template-columns:1fr 1.1fr}.kpd-design-panel[data-kpd-design=b] .kpd-art-letter{font-family:Georgia,serif;font-style:italic;font-weight:400;transform:rotate(3deg);top:11%;left:8%}.kpd-design-panel[data-kpd-design=b] .kpd-art-orbit,.kpd-design-panel[data-kpd-design=b] .kpd-art-orbit:after{border-color:#74334e40}#main .kpd-design-panel[data-kpd-design=b] .kpd-mock h5{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}#main .kpd-design-panel[data-kpd-design=b] .kpd-mock h5 em{font-style:italic}.kpd-design-panel[data-kpd-design=b] .kpd-mock-cta{border-radius:25px}.kpd-design-caption{padding:18px 0 0}.kpd-design-caption>strong{font-size:12px;color:#263b5d}.kpd-design-caption>p{font-size:12px;line-height:1.7;color:#626f87;margin:8px 0}.kpd-design-caption>span{font-size:10px;color:#788399}.kpd-feedback{padding:22px;background:#f7f9fd;border:1px solid #e0e5ef;border-radius:12px;align-self:start}.kpd-feedback .kpd-panel-label{margin-bottom:12px}.kpd-feedback .kpd-panel-label>span{white-space:nowrap}.kpd-feedback-intro{font-size:12px;line-height:1.7;color:#62718a;margin:0 0 22px}.kpd-feedback label{display:block;font-size:11px;font-weight:600;color:#344765;margin-bottom:9px}.kpd-feedback textarea{display:block;box-sizing:border-box;width:100%;min-height:110px;max-height:240px;padding:12px;background:white;border:1px solid #becadd;border-radius:7px;font:14px/1.6 Arial,sans-serif;color:#22334c;resize:vertical}.kpd-feedback textarea::placeholder{color:#747f92}.kpd-comment-tools{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:3px 0 8px}.kpd-text-button{font-size:11px;padding:9px 0;min-height:34px;color:#6f3858;background:none;border:0;text-decoration:underline;text-underline-offset:4px}.kpd-comment-tools>span{font-size:9px;color:#778198;white-space:nowrap}.kpd-small{font-size:10px;line-height:1.7;color:#6d7890;margin:8px 0 14px}.kpd-feedback form>.kpd-secondary{width:100%}.kpd-comments-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}#main .kpd-comments-heading h5{font:700 12px/1.4 Arial,sans-serif;color:#314360;margin:0}.kpd-comments-heading>span{font-size:10px;padding:3px 7px;background:#e6ebf5;border-radius:12px;color:#506480}.kpd-comments{display:grid;gap:10px;max-height:270px;overflow-y:auto;overscroll-behavior:contain}.kpd-empty{font-size:11px;line-height:1.7;color:#75819a;margin:0}.kpd-comment{padding:13px;background:white;border:1px solid #dfe5ef;border-radius:8px;min-width:0}.kpd-comment>header{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#7a8394;font-size:9px}.kpd-comment>header strong{color:#3c5374;font-size:10px}.kpd-comment>p{color:#354662;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.kpd-approval{border-top:1px solid #d8e0ee;padding-top:18px;margin-top:24px}.kpd-approval>.kpd-small{font-size:8px;letter-spacing:.11em;margin:0 0 9px}.kpd-approval>[data-kpd-approval-text]{font-size:12px;line-height:1.7;color:#526681;margin:0 0 15px}.kpd-approval>.kpd-primary{width:100%;font-size:11px}.kpd-approval>.kpd-text-button{display:block;margin:5px auto 0}.kpd-history{display:grid;grid-template-columns:.8fr 1.5fr;gap:40px;padding:28px 30px;background:#f4f7fc;border-top:1px solid var(--kp-border)}.kpd-history .eyebrow{font-size:8px;margin:0 0 12px}#main .kpd-history h4{font:500 25px/1.15 Georgia,serif;color:#233552;letter-spacing:-.02em;margin:0 0 10px}.kpd-history>div>p:last-child{font-size:12px;line-height:1.7;color:#64718a;margin:0;max-width:260px}.kpd-history ol{list-style:none;margin:0;padding:0;display:grid;gap:14px;max-height:220px;overflow:auto}.kpd-history li{display:flex;gap:12px;align-items:flex-start}.kpd-history-dot{flex-shrink:0;width:8px;height:8px;background:#7390c0;border-radius:50%;margin-top:5px;box-shadow:0 0 0 4px #dfe8f7}.kpd-history li strong{font:600 12px/1.6 Arial,sans-serif;color:#31496d}.kpd-history li small{display:block;font-size:10px;line-height:1.6;color:#7b879a;margin-top:2px}.kpd-portal-bottom{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:17px 30px;border-top:1px solid var(--kp-border);background:white}.kpd-portal-bottom p{font-size:12px;line-height:1.7;color:#506480;margin:0;overflow-wrap:anywhere}.kpd-portal-bottom button{white-space:nowrap}.kpd-hero-link{display:inline-block;margin:18px 0 0;color:#f3b3ce;font-size:13px;text-decoration:underline;text-underline-offset:5px}.kpd-section :focus-visible{outline:3px solid #2457e7;outline-offset:4px}
@container(max-width:540px){.kpd-mock-nav{padding:20px}.kpd-mock-nav>span{display:none}.kpd-mock-hero,.kpd-design-panel[data-kpd-design=b] .kpd-mock-hero{grid-template-columns:1fr}.kpd-mock-copy{padding:28px 22px}.kpd-mock-art{min-height:220px}.kpd-art-letter{font-size:200px;top:-15px;left:10%}.kpd-design-panel[data-kpd-design=b] .kpd-mock-art{order:0;margin:0 22px 22px;border-radius:100px 100px 8px 8px;min-height:230px}.kpd-design-panel[data-kpd-design=b] .kpd-art-letter{top:3%;left:15%}#main .kpd-mock h5{font-size:37px}.kpd-mock-bottom{font-size:6px;padding:18px 20px}}
@media(max-width:1050px){.kpd-workspace{grid-template-columns:minmax(0,1fr) 305px;gap:22px;padding:24px}.kpd-feedback{padding:18px}.kpd-variants>button{gap:8px;padding:9px}.kpd-variants b{display:none}.kpd-project-card{gap:18px;padding:24px}.kpd-history{gap:25px;padding:24px}}
@media(max-width:820px){.kpd-workspace{grid-template-columns:1fr}.kpd-feedback{padding:24px}.kpd-history{grid-template-columns:1fr}.kpd-history>div>p:last-child{max-width:none}.kpd-project-card{grid-template-columns:56px 1fr}.kpd-project-icon{width:56px;height:65px}.kpd-project-action{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.kpd-topbar{padding:18px 22px}.kpd-steps{gap:14px;padding:20px 24px}.kpd-steps li{font-size:10px}.kpd-steps small{font-size:9px}}
@media(max-width:520px){.kpd-demo-note{gap:10px}.kpd-demo-note p{font-size:11px}.kpd-topbar{padding:18px}.kpd-user{font-size:0}.kpd-user i{font-size:8px}.kpd-project-card{padding:22px 18px;gap:14px}.kpd-project-title>p{font-size:7px}.kpd-project-title>span{font-size:10px;line-height:1.6}.kpd-project-title h3{font-size:23px!important}.kpd-project-action{gap:12px;flex-wrap:wrap}.kpd-project-action>.kpd-primary{font-size:11px}.kpd-steps{padding:20px 18px;gap:8px}.kpd-steps li{display:block;font-size:10px}.kpd-steps li>span{margin-bottom:9px}.kpd-steps small{line-height:1.5}.kpd-workspace{padding:22px 16px;gap:26px}.kpd-panel-label>span{font-size:7px}.kpd-variants{gap:9px}.kpd-variant-thumb{width:28px;height:39px;font-size:24px}.kpd-variant-thumb>span{font-size:9px}.kpd-variants strong{font-size:10px}.kpd-variants small{font-size:8px}.kpd-variants>button{gap:7px;padding:10px 8px}.kpd-feedback{padding:20px 16px}.kpd-feedback textarea{font-size:16px}.kpd-history{padding:24px 18px;gap:20px}.kpd-portal-bottom{display:block;padding:18px}.kpd-portal-bottom button{margin-top:8px}.kpd-demo-tag{font-size:8px;padding:6px}}
@media(prefers-reduced-motion:reduce){.kpd-primary,.kpd-secondary{transition:none}}