.kpp{--navy:#142a56;--gold:#b08d3c;--ink:#1b2540;--muted:#5b6784;--line:#e0e5f0;min-height:100vh;color:var(--ink);background:#eef1f7;flex-direction:column;font-family:Georgia,Times New Roman,serif;font-size:18px;display:flex}.kpp-bar{background:var(--navy);color:#fff;letter-spacing:3px;padding:22px max(20px,50vw - 360px);font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:800}.kpp-rule{background:linear-gradient(90deg,#b08d3c,#e3c987,#b08d3c);height:3px}.kpp-main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:36px 20px 24px}.kpp-hero{margin-bottom:22px}.kpp-for{color:var(--muted);margin:0 0 6px;font-family:Arial,Helvetica,sans-serif;font-size:16px}.kpp-hero h1{color:var(--navy);margin:0 0 10px;font-size:clamp(32px,7vw,46px);font-weight:700;line-height:1.1}.kpp-from{color:var(--muted);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px}.kpp-quote{border-left:4px solid var(--gold);white-space:pre-wrap;background:#fff;border-radius:6px;margin:0 0 22px;padding:16px 20px;font-size:18px;line-height:1.65}.kpp-card{background:#fff;border-radius:16px;padding:8px 24px 18px;box-shadow:0 8px 30px #142a561a}.kpp-line{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 0;display:flex}.kpp-line:last-child{border-bottom:0}.kpp-line h2{color:var(--navy);margin:0 0 3px;font-size:21px}.kpp-line p{color:var(--muted);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.45}.kpp-line>div:first-of-type{flex:1;min-width:0}.kpp-price{text-align:right;white-space:nowrap;flex-direction:column;gap:2px;font-family:Arial,Helvetica,sans-serif;display:flex}.kpp-price b{color:var(--navy);font-size:20px}.kpp-price small{color:var(--muted);font-size:14px}.kpp-sub{color:var(--navy);margin:22px 0 2px;font-family:Arial,Helvetica,sans-serif;font-size:16px}.kpp-help{color:var(--muted);margin:0 0 4px;font-family:Arial,Helvetica,sans-serif;font-size:14px}.kpp-line.opt{cursor:pointer;border:1.5px solid #c3cce0;border-radius:12px;align-items:center;margin:8px 0;padding:16px 14px}.kpp-line.opt:last-child{border-bottom:1.5px solid #c3cce0}.kpp-line.opt.on{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);background:#f3f6fd}.kpp-line.opt input{width:24px;height:24px;accent-color:var(--navy);flex:none}.kpp-line.opt:focus-within{outline:3px solid var(--gold);outline-offset:2px}.kpp-total{grid-template-columns:1.2fr 1fr;gap:14px;margin:18px 0;display:grid}.kpp-total>div{background:var(--navy);color:#fff;border-radius:14px;flex-direction:column;gap:2px;padding:18px 22px;font-family:Arial,Helvetica,sans-serif;display:flex}.kpp-total>div:nth-child(2){color:var(--navy);background:#fff;box-shadow:0 8px 30px #142a561a}.kpp-total span{opacity:.85;font-size:15px}.kpp-total strong{font-family:Georgia,serif;font-size:34px}.kpp-total small{opacity:.85;font-size:14px}.kpp-go{background:var(--gold);color:#16213a;cursor:pointer;border:0;border-radius:12px;width:100%;min-height:58px;font:700 18px Arial,Helvetica,sans-serif}.kpp-go:hover{background:#c29d47}.kpp-go:disabled{opacity:.6;cursor:default}.kpp-go:focus-visible{outline:3px solid var(--navy);outline-offset:3px}.kpp-fine{color:var(--muted);text-align:center;margin:14px 0 0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}.kpp-fine p{margin:0}.kpp-err{color:#9a1c1c;background:#fdecec;border-radius:10px;margin:0 0 14px;padding:12px 14px;font-family:Arial,Helvetica,sans-serif;font-weight:600}.kpp-note{color:var(--muted);font-family:Arial,Helvetica,sans-serif}.kpp-card.kpp-note{padding:28px 26px}.kpp-card.kpp-note h1{color:var(--navy);margin:0 0 10px;font-family:Georgia,serif;font-size:28px}.kpp-card.kpp-note p{margin:0;font-size:17px;line-height:1.6}.kpp-foot{color:#7a86a3;text-align:center;padding:18px 20px 26px;font-family:Arial,Helvetica,sans-serif;font-size:12px}@media (max-width:600px){.kpp-total{grid-template-columns:1fr}.kpp-card{padding:4px 16px 14px}.kpp-line{flex-wrap:wrap}.kpp-line.opt{flex-wrap:nowrap}.kpp-price{text-align:left}.kpp-line.opt .kpp-price{text-align:right}}@media (prefers-reduced-motion:no-preference){.kpp-total strong{transition:opacity .15s}}.kpp-intro{margin:0 0 22px}.kpp-intro p{margin:0;font-size:19px;line-height:1.6}.kpp-logo{width:auto;max-width:240px;max-height:44px;display:block}.kpp-bar{align-items:center;gap:18px;display:flex}.kpp.inline{border:1px solid #d9dfee;border-radius:14px;min-height:0;font-size:17px;overflow:hidden}.kpp.inline .kpp-bar{padding:18px 24px}.kpp.inline .kpp-main{max-width:none;padding:26px 24px 18px}.kpp.inline .kpp-hero h1{font-size:34px}.kpp.inline .kpp-total{grid-template-columns:1fr 1fr}.kpp.inline .kpp-total strong{font-size:28px}.kpp.inline .kpp-go:disabled,.kpp.inline input:disabled{opacity:1;cursor:default}.kpp.inline .kpp-line.opt{cursor:default}.kpp-ed{font:inherit;color:inherit;width:calc(100% + 12px);letter-spacing:inherit;text-align:inherit;resize:none;box-sizing:border-box;background:0 0;border:1.5px dashed #0000;border-radius:6px;margin:-2px -6px;padding:2px 6px;display:block}.kpp-ed:hover{background:#ffffff1f;border-color:#7882a08c}.kpp-ed:focus{border-color:var(--gold);color:#16213a;background:#ffffff8c;outline:none}.kpp-bar .kpp-ed{color:#fff;letter-spacing:3px;font-size:14px;font-weight:800}.kpp-bar .kpp-ed:focus{color:#16213a}.kpp-ed-intro{font-family:Georgia,serif;font-size:19px;line-height:1.6}.kpp-ed-sub{color:var(--navy);font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700}.kpp-ed-help{color:var(--muted);font-family:Arial,Helvetica,sans-serif;font-size:14px}.kpp-go-edit{cursor:text;justify-content:center;align-items:center;display:flex}.kpp-ed-btn{text-align:center;color:#16213a;font:700 18px Arial,Helvetica,sans-serif}.kpp-ed-fine{color:var(--muted);text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:14px}.kpp-ed-foot{color:#7a86a3;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:12px}.kpv{background:#fff;border:1px solid #d9dfee;border-radius:16px;padding:14px}.kpv-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.kpv-head strong{color:var(--navy,#142a56);font-size:17px}.kpv-tabs{gap:6px;display:flex}.kpv-tabs button{font:inherit;color:#142a56;cursor:pointer;background:#fff;border:1.5px solid #c3cce0;border-radius:999px;padding:7px 14px;font-size:15px;font-weight:700}.kpv-tabs button.on{color:#fff;background:#142a56;border-color:#142a56}.kpv-frame{border-radius:12px;overflow:hidden}.kpv-mail iframe{background:#eef1f7;border:1px solid #d9dfee;border-radius:12px;width:100%;height:640px}.kpv-subject{color:#16203a;margin:0 0 10px;font-size:15px;font-weight:600}.kpv-subject span{color:#5b6784;margin-right:10px;font-weight:400;display:inline-block}.kpv-note{color:#5b6784;padding:8px 0;font-size:15px}.kpp,.kpp *{box-sizing:border-box}
