:root{--ink:#1b1317;--ink2:#52444b;--paper:#fbf7f2;--cream:#f3e8dc;--wine:#9c1a33;--wine2:#6f0f23;
--gold:#e3aa3c;--gold2:#f6d58a;--night:#150e18;--night2:#261826;--line:#e2d3c4;--ok:#1f7a4d;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.68 "Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto;display:block}
a{color:var(--wine);text-underline-offset:3px}
a:hover{color:var(--wine2)}
h1,h2,h3{line-height:1.2;margin:0 0 .6em;letter-spacing:-.01em}
p{margin:0 0 1.05em}
ul,ol{margin:0 0 1.2em;padding-left:1.25em}
li{margin-bottom:.4em}
.pk-wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 22px}
.pk-skip{position:absolute;left:-999px}
.pk-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--gold),var(--wine));z-index:90}

/* header */
.pk-head{position:sticky;top:0;z-index:60;background:var(--night);border-bottom:2px solid var(--wine)}
.pk-bar{display:flex;align-items:center;flex-wrap:wrap;gap:16px;min-height:66px}
.pk-logo{display:block;width:138px;flex:0 0 auto}
.pk-logo img{width:100%;height:auto}
.pk-burger{display:none;margin-left:auto;font-size:14px;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid #5a3a4a;border-radius:999px;background:transparent;color:#fff;font:600 14px/1 inherit;cursor:pointer}
.pk-burger i{display:block;width:18px;height:2px;background:var(--gold);box-shadow:0 6px 0 var(--gold),0 -6px 0 var(--gold)}
.pk-nav{display:flex;gap:4px;margin-left:auto;align-items:center}
.pk-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;color:#f3e6e8;text-decoration:none;font-weight:600;font-size:15px}
.pk-nav a:hover,.pk-nav a[aria-current="page"]{background:#2c1c2c;color:var(--gold2)}
.pk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;background:linear-gradient(180deg,#f4c158,var(--gold));color:#2a1604;font-weight:800;text-decoration:none;border:0;box-shadow:0 6px 18px rgba(227,170,60,.35);cursor:pointer;font-size:15px}
.pk-btn:hover{color:#2a1604;filter:brightness(1.06)}
.pk-bar__cta{flex:0 0 auto}
.pk-nav a.pk-nav__cta{display:none}

/* hero */
.pk-hero{position:relative;color:#fff;background:radial-gradient(900px 420px at 88% -8%,#7e1a33 0%,transparent 62%),radial-gradient(600px 300px at 0% 100%,#3b1636 0%,transparent 70%),linear-gradient(160deg,var(--night),#2a1223);padding:40px 0 56px}
.pk-hero__grid{display:grid;grid-template-columns:1.02fr .98fr;gap:38px;align-items:center}
.pk-eyebrow{display:inline-block;padding:6px 14px;border:1px solid rgba(227,170,60,.55);border-radius:999px;color:var(--gold2);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.pk-hero h1{font-size:clamp(28px,4.3vw,47px);margin:14px 0 16px;color:#fff}
.pk-lede{font-size:18px;color:#f3e4e7;margin-bottom:20px}
.pk-hero__fig img{border-radius:20px;border:1px solid rgba(255,255,255,.14);box-shadow:0 26px 60px rgba(0,0,0,.5)}
.pk-pagehead{background:linear-gradient(160deg,var(--night),#2a1223);color:#fff;padding:34px 0 44px;border-bottom:4px solid var(--wine)}
.pk-pagehead h1{font-size:clamp(26px,4vw,40px);color:#fff;margin:10px 0 14px}
.pk-pagehead .pk-lede{max-width:820px;margin:0}
.pk-crumbbar{background:var(--cream);border-bottom:1px solid var(--line);padding:9px 0}
.pk-crumbs{font-size:14px;color:var(--ink2)}
.pk-crumbs a{color:var(--wine)}
.pk-plain{padding-top:34px;padding-bottom:20px}
.pk-plain h1{font-size:clamp(26px,3.6vw,38px);margin:12px 0 22px}

/* code widget */
.pk-code{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);max-width:520px}
.pk-code__label{flex:0 0 100%;font-size:13px;color:#e7d3d9;letter-spacing:.04em;text-transform:uppercase}
.pk-code__chip{font:700 1.05rem/1 ui-monospace,Consolas,monospace;letter-spacing:.14em;padding:12px 16px;border:2px dashed var(--gold);border-radius:12px;color:var(--gold2);background:rgba(0,0,0,.25)}
.pk-code__copy{min-height:44px;padding:0 18px;border-radius:12px;border:0;background:var(--gold);color:#2a1604;font-weight:800;cursor:pointer}
.pk-code__copy.is-done{background:#7fd6a6}
.pk-code__hint{flex:0 0 100%;font-size:13px;color:#d9c4cb}
.pk-sec--paper .pk-code,.pk-sec--cream .pk-code{background:#fff;border-color:var(--line);margin-bottom:22px}
.pk-sec--paper .pk-code__label,.pk-sec--paper .pk-code__hint,.pk-sec--cream .pk-code__label,.pk-sec--cream .pk-code__hint{color:var(--ink2)}
.pk-sec--paper .pk-code__chip,.pk-sec--cream .pk-code__chip{background:#2a1223}

/* sections */
.pk-sec{padding:54px 0}
.pk-sec--paper{background:var(--paper)}
.pk-sec--cream{background:var(--cream)}
.pk-sec--night{background:linear-gradient(160deg,var(--night),var(--night2));color:#f3e7ea}
.pk-sec--night h2,.pk-sec--night h3{color:#fff}
.pk-sec--night a{color:var(--gold2)}
.pk-sec--wine{background:linear-gradient(150deg,var(--wine2),var(--wine));color:#fff}
.pk-sec--wine h2,.pk-sec--wine h3{color:#fff}
.pk-sec--wine a{color:var(--gold2)}
.pk-sec h2{font-size:clamp(23px,3vw,32px);position:relative;padding-bottom:14px;margin-bottom:22px}
.pk-sec h2::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--gold),var(--wine))}
.pk-sec h3{font-size:20px;margin-top:1.4em}
.pk-split{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:start}
.pk-split--rev{grid-template-columns:.85fr 1.15fr}
.pk-fig{margin:0}
.pk-fig img{border-radius:18px;border:1px solid var(--line);box-shadow:0 14px 36px rgba(60,20,30,.18)}
.pk-sec--night .pk-fig img,.pk-sec--wine .pk-fig img{border-color:rgba(255,255,255,.18)}

/* tiles */
.pk-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 26px;padding:0;list-style:none}
.pk-stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 14px;text-align:center;margin:0}
.pk-stat b{display:block;font-size:26px;color:var(--wine);line-height:1.1}
.pk-stat span{display:block;font-size:13px;color:var(--ink2);margin-top:6px}
.pk-sec--night .pk-stat,.pk-sec--wine .pk-stat{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.pk-sec--night .pk-stat b,.pk-sec--wine .pk-stat b{color:var(--gold2)}
.pk-sec--night .pk-stat span,.pk-sec--wine .pk-stat span{color:#e6d3d9}
.pk-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 24px;padding:0;list-style:none}
.pk-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:14px;padding:18px;margin:0}
.pk-card b{display:block;font-size:17px;margin-bottom:6px;color:var(--wine2)}
.pk-card span{font-size:15px;color:var(--ink2)}
.pk-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.pk-chips li{margin:0;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:600}

/* steps */
.pk-steps{list-style:none;counter-reset:s;margin:0 0 26px;padding:0}
.pk-steps>li{counter-increment:s;position:relative;margin:0 0 14px;padding:16px 126px 16px 72px;background:#fff;border:1px solid var(--line);border-radius:16px;min-height:72px}
.pk-steps>li::before{content:counter(s);position:absolute;left:16px;top:14px;width:40px;height:40px;border-radius:50%;background:linear-gradient(150deg,var(--wine),var(--wine2));color:#fff;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px rgba(156,26,51,.14)}
.pk-steps>li strong{display:block;margin-bottom:2px;color:var(--wine2)}
.pk-steps>li.is-done{border-color:var(--ok);background:#f1fbf5}
.pk-steps>li.is-done::before{background:var(--ok)}
.pk-steps__tick{position:absolute;right:12px;top:12px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:700;cursor:pointer;font-size:13px;color:var(--ink2)}
.pk-steps>li.is-done .pk-steps__tick{background:var(--ok);border-color:var(--ok);color:#fff}
.pk-steps__bar{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:14px;color:var(--ink2)}
.pk-steps__track{flex:1;height:8px;border-radius:8px;background:var(--line);overflow:hidden}
.pk-steps__track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--ok));transition:width .3s}

/* tables */
.pk-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 24px;border-radius:14px;border:1px solid var(--line);background:#fff}
.pk-table-wrap table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px;color:var(--ink)}
.pk-table-wrap th{background:var(--wine2);color:#fff;text-align:left;padding:12px 14px;font-weight:700}
.pk-table-wrap td{padding:11px 14px;border-top:1px solid var(--line);vertical-align:top}
.pk-table-wrap tr:nth-child(even) td{background:#fcf6ef}

/* callouts + calculators */
.pk-note{margin:0 0 24px;padding:16px 18px;border-left:5px solid var(--gold);background:#fff8e8;border-radius:0 12px 12px 0;color:var(--ink)}
.pk-sec--night .pk-note,.pk-sec--wine .pk-note{background:rgba(255,255,255,.09);color:#fff}
.pk-calc{margin:0 0 26px;padding:20px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(60,20,30,.08);color:var(--ink)}
.pk-calc__title{font-weight:800;font-size:18px;margin-bottom:12px;color:var(--wine2)}
.pk-calc__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.pk-calc__tabs button{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:700;cursor:pointer;color:var(--ink)}
.pk-calc__tabs button[aria-pressed="true"]{background:var(--wine);color:#fff;border-color:var(--wine)}
.pk-calc__row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px}
.pk-calc__row label{font-weight:600;flex:0 0 100%}
.pk-calc input[type=range]{flex:1 1 220px;accent-color:var(--wine);min-height:44px}
.pk-calc input[type=number],.pk-calc select{min-height:44px;width:130px;padding:0 10px;border:1px solid var(--line);border-radius:10px;font-size:16px;background:#fff;color:var(--ink)}
.pk-calc__out{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.pk-calc__out div{padding:12px;border-radius:12px;background:var(--cream);text-align:center}
.pk-calc__out b{display:block;font-size:22px;color:var(--wine)}
.pk-calc__out span{font-size:13px;color:var(--ink2)}

/* cta + faq */
.pk-cta{margin:0 0 34px;padding:18px 20px;border-radius:18px;background:linear-gradient(120deg,#2a1223,var(--wine2));display:flex;justify-content:center}
.pk-faq{margin:0}
.pk-faq details{background:#fff;border:1px solid var(--line);border-radius:14px;margin:0 0 10px}
.pk-faq summary{cursor:pointer;list-style:none;min-height:48px;padding:14px 48px 14px 18px;font-weight:700;position:relative}
.pk-faq summary::-webkit-details-marker{display:none}
.pk-faq summary::after{content:"+";position:absolute;right:18px;top:10px;font-size:26px;color:var(--wine);line-height:1}
.pk-faq details[open] summary::after{content:"–"}
.pk-faq .pk-answer{padding:0 18px 6px;color:var(--ink2)}

/* footer */
.pk-foot{background:var(--night);color:#d9c9ce;padding:44px 0 26px;border-top:4px solid var(--wine)}
.pk-foot a{color:#f0dfe3}
.pk-foot__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:28px}
.pk-foot h3{font-size:15px;color:var(--gold2);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}
.pk-foot ul{list-style:none;margin:0;padding:0}
.pk-foot li{margin:0 0 6px}
.pk-foot__logo{display:block;width:150px;margin-bottom:12px}
.pk-age{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:2px solid var(--gold);color:var(--gold2);font-weight:800;margin-right:10px;vertical-align:middle}
.pk-foot small{font-size:13px;color:#bfaab1;line-height:1.5}
.pk-legal{margin-top:26px;padding-top:16px;border-top:1px solid #3a2a3a;font-size:13px;color:#bfaab1}
.pk-legal span{display:block;margin-top:4px}
.pk-top{position:fixed;right:16px;bottom:18px;width:46px;height:46px;border-radius:50%;border:0;background:var(--wine);color:#fff;font-size:20px;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .2s;z-index:70}
.pk-top.is-on{opacity:1;pointer-events:auto}
.pk-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.pk-crumbs li{margin:0}
.pk-crumbs li+li::before{content:"›";margin-right:6px}
.pk-notfound{padding:70px 0}

@media (min-width:861px){
 .pk-nav--open{flex:0 0 auto;width:auto;display:flex}
}
@media (max-width:860px){
 .pk-burger{display:inline-flex}
 .pk-nav{display:none;flex:0 0 100%;width:100%;margin-left:0;flex-direction:column;align-items:stretch;padding:4px 0 14px}
 .pk-nav--open{display:flex;flex:0 0 100%;width:100%}
 .pk-bar__cta{display:none}
 .pk-nav a.pk-nav__cta{display:flex;justify-content:center;margin-top:8px}
 .pk-hero__grid,.pk-split,.pk-split--rev{grid-template-columns:1fr}
 .pk-stats{grid-template-columns:repeat(2,1fr)}
 .pk-cards{grid-template-columns:1fr}
 .pk-foot__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
 body{font-size:16.5px}
 .pk-sec{padding:40px 0}
 .pk-steps>li{padding:64px 14px 14px 14px}
 .pk-steps>li::before{top:12px}
 .pk-steps__tick{top:14px;right:12px}
 .pk-foot__grid{grid-template-columns:1fr}
 .pk-code__chip{font-size:1.05rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pk-steps__track i{transition:none}}