/* Page kit: shared content components for Home pages on _HomeLayout (new design, EBC brand colours).
   Sizes use the layout's rem scaling (html[data-fitter]: 1rem = 1px at 1920px; phone layouts use ~2x values).
   Wrap each page in <div class="pk">. Icons: <partial name="_PkIcon" model='"clock"' />. */
.pk{background:#fff;color:#232222}
.pk *{box-sizing:border-box}
.pk a{text-decoration:none}
.pk h1,.pk h2,.pk h3,.pk h4,.pk p,.pk ul,.pk ol,.pk figure{margin:0}
.pk img{max-width:100%}
.pk-container{width:100%;max-width:1200rem;margin-inline:auto}
.pk-narrow{max-width:880rem;margin-inline:auto}
.pk-center{text-align:center}
.pk-muted{color:rgba(0,0,0,.48)}
.pk-pos{color:#0b7a42}
.pk-neg{color:#b4232f}
.pk-accent{color:#a52933;font-style:normal}
.pk-mt-24{margin-top:24rem}
.pk-mt-40{margin-top:40rem}
.pk-mt-64{margin-top:64rem}

/* ---- Hero ---- */
/* The desktop header is fixed and 80px tall. */
.pk-hero{padding-block:calc(80px + 72rem) 96rem;background:#f7f7f7;overflow:hidden}
.pk-hero .pk-container{display:flex;align-items:center;justify-content:space-between;gap:64rem}
.pk-hero-text{flex:1 1 560rem;min-width:0}
.pk-eyebrow{display:inline-block;margin-bottom:16rem;color:#a52933;font-size:16rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.pk-hero h1{color:#000;font-size:64rem;font-weight:700;line-height:76rem}
.pk-hero-lead{max-width:640rem;margin-top:20rem;color:rgba(0,0,0,.64);font-size:20rem;line-height:32rem}
.pk-hero-actions,.pk-actions{display:flex;flex-wrap:wrap;gap:16rem;margin-top:40rem}
.pk-actions{justify-content:center;margin-top:48rem}
.pk-hero-media{flex:0 1 520rem;min-width:0}
.pk-hero-media img{display:block;width:100%;height:auto;border-radius:24rem;box-shadow:0 30rem 60rem rgba(0,0,0,.08)}
.pk-hero--center .pk-container{flex-direction:column;text-align:center}
/* In a column container a flex-basis would apply to height, so reset it or the hero grows a dead band. */
.pk-hero--center .pk-hero-text,.pk-hero--center .pk-hero-media{flex:0 1 auto;width:100%}
.pk-hero--center .pk-hero-lead{margin-inline:auto}
.pk-hero--center .pk-hero-actions{justify-content:center}
.pk-hero--dark{background:linear-gradient(180deg,#16161a,#2b2b33);color:#fff}
.pk-hero--dark h1{color:#fff}
.pk-hero--dark .pk-hero-lead{color:rgba(255,255,255,.72)}

/* ---- Buttons ---- */
.pk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8rem;height:52rem;padding:0 32rem;border:1px solid #a52933;border-radius:999rem;background:#a52933;color:#fff;font-size:16rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.pk-btn:hover{border-color:#cc333f;background:#cc333f;color:#fff}
.pk-btn--outline{background:transparent;color:#a52933}
.pk-btn--outline:hover{border-color:#a52933;background:#a52933;color:#fff}
.pk-btn--light{border-color:#fff;background:#fff;color:#a52933}
.pk-btn--light:hover{border-color:#f2f2f2;background:#f2f2f2;color:#7b1e26}
.pk-btn--ghost{border-color:rgba(255,255,255,.6);background:transparent;color:#fff}
.pk-btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.12);color:#fff}
.pk-btn svg{width:18rem;height:18rem}
.pk-link{display:inline-flex;align-items:center;gap:6rem;color:#a52933;font-weight:600}
.pk-link:hover{color:#7b1e26}
.pk-link svg{width:16rem;height:16rem}

/* ---- Sections & headings ---- */
.pk-section{padding-block:120rem}
.pk-section--tight{padding-block:80rem}
.pk-section--grey{background:#f7f7f7}
.pk-section--dark{background:#141416;color:#fff}
.pk-head{margin-bottom:64rem}
.pk-title{color:#000;font-size:48rem;font-weight:700;line-height:60rem;text-align:center}
.pk-subtitle{max-width:800rem;margin:16rem auto 0;color:rgba(0,0,0,.64);font-size:20rem;line-height:32rem;text-align:center}
.pk-head--left .pk-title,.pk-head--left .pk-subtitle{margin-left:0;text-align:left}
.pk-section--dark .pk-title{color:#fff}
.pk-section--dark .pk-subtitle{color:rgba(255,255,255,.64)}
.pk-prose{color:rgba(0,0,0,.72);font-size:18rem;line-height:32rem}
.pk-prose p+p,.pk-prose p+ul,.pk-prose ul+p{margin-top:20rem}
.pk-prose strong{color:#000}
.pk-prose a{color:#a52933;text-decoration:underline}
.pk-section--dark .pk-prose{color:rgba(255,255,255,.72)}
.pk-section--dark .pk-prose strong{color:#fff}
.pk-note{margin-top:32rem;color:rgba(0,0,0,.48);font-size:14rem;line-height:22rem;text-align:center}

/* ---- Grids & cards ---- */
.pk-grid{display:grid;gap:24rem}
.pk-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pk-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pk-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pk-card{display:flex;flex-direction:column;gap:12rem;height:100%;padding:40rem 32rem;border-radius:20rem;background:#f7f7f7}
.pk-section--grey .pk-card{background:#fff}
.pk-section--dark .pk-card{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06)}
.pk-card--center{align-items:center;text-align:center}
.pk-card h3{color:#000;font-size:24rem;font-weight:600;line-height:32rem}
.pk-card p{color:rgba(0,0,0,.64);font-size:16rem;line-height:26rem}
.pk-section--dark .pk-card h3{color:#fff}
.pk-section--dark .pk-card p{color:rgba(255,255,255,.64)}
.pk-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:64rem;height:64rem;margin-bottom:8rem;border-radius:50%;background:rgba(165,41,51,.08);color:#a52933}
.pk-icon svg{width:30rem;height:30rem}
.pk-section--dark .pk-icon{background:rgba(255,75,78,.14);color:#ff6b6e}

/* ---- Text + media split ---- */
.pk-split{display:flex;align-items:center;gap:80rem}
.pk-split>*{flex:1 1 0;min-width:0}
.pk-split--reverse{flex-direction:row-reverse}
.pk-split img{display:block;width:100%;height:auto;border-radius:24rem}
.pk-split .pk-title{text-align:left}
.pk-split .pk-subtitle{margin-left:0;text-align:left}

/* ---- Check list ---- */
.pk-list{display:flex;flex-direction:column;gap:16rem;margin-top:24rem;padding:0;list-style:none}
.pk-list li{position:relative;padding-left:36rem;color:rgba(0,0,0,.72);font-size:18rem;line-height:28rem}
.pk-list li:before{content:"";position:absolute;left:0;top:4rem;width:20rem;height:20rem;border-radius:50%;background:#a52933 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l4 4 10-10'/%3E%3C/svg%3E") center/12rem no-repeat}
.pk-list strong{color:#000}
.pk-section--dark .pk-list li{color:rgba(255,255,255,.72)}
.pk-section--dark .pk-list strong{color:#fff}

/* ---- Stats & KPIs ---- */
.pk-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24rem;text-align:center}
.pk-stat-value{color:#a52933;font-size:56rem;font-weight:700;line-height:64rem}
.pk-stat-label{margin-top:8rem;color:rgba(0,0,0,.64);font-size:16rem;line-height:24rem}
.pk-section--dark .pk-stat-value{color:#ff6b6e}
.pk-section--dark .pk-stat-label{color:rgba(255,255,255,.64)}
.pk-kpi{height:100%;padding:28rem;border-radius:16rem;background:#f7f7f7;text-align:center}
.pk-kpi-label{color:rgba(0,0,0,.48);font-size:13rem;letter-spacing:.06em;line-height:20rem;text-transform:uppercase}
.pk-kpi-value{margin-top:8rem;color:#000;font-size:32rem;font-weight:700;line-height:40rem;font-variant-numeric:tabular-nums}

/* ---- Steps ---- */
.pk-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24rem}
.pk-step{padding:40rem 32rem;border-radius:20rem;background:#fff;box-shadow:0 10rem 30rem rgba(0,0,0,.05)}
.pk-section:not(.pk-section--grey) .pk-step{background:#f7f7f7;box-shadow:none}
.pk-step-num{margin-bottom:16rem;color:#a52933;font-size:72rem;font-weight:700;line-height:1}
.pk-step h3{margin-bottom:8rem;color:#000;font-size:24rem;font-weight:600;line-height:32rem}
.pk-step p{color:rgba(0,0,0,.64);font-size:16rem;line-height:26rem}

/* ---- Tables ---- */
.pk-table-wrap{overflow-x:auto;border:1px solid #e6e6e6;border-radius:16rem;background:#fff}
.pk-table{width:100%;border-collapse:collapse;font-size:16rem;line-height:24rem}
.pk-table th,.pk-table td{padding:18rem 24rem;border-bottom:1px solid #eee;text-align:left;white-space:nowrap;vertical-align:middle}
.pk-table thead th{background:#f7f7f7;color:#000;font-weight:600}
.pk-table tbody tr:last-child td{border-bottom:0}
.pk-table tbody tr:hover{background:#fafafa}
.pk-table .num{text-align:right;font-variant-numeric:tabular-nums}
.pk-table--wrap th,.pk-table--wrap td{white-space:normal}
.pk-table td.pk-empty-row{padding-block:56rem;color:rgba(0,0,0,.48);text-align:center;white-space:normal}

/* ---- Account spec card ---- */
.pk-spec{overflow:hidden;border-radius:24rem;background:#fff;box-shadow:0 20rem 60rem rgba(0,0,0,.08)}
.pk-spec-head{padding:36rem 40rem;background:linear-gradient(135deg,#a52933,#5d2333);color:#fff}
.pk-spec-head h3{color:#fff;font-size:32rem;font-weight:700;line-height:40rem}
.pk-spec-head p{margin-top:8rem;color:rgba(255,255,255,.8);font-size:16rem;line-height:24rem}
.pk-spec-row{display:flex;align-items:center;justify-content:space-between;gap:24rem;padding:18rem 40rem;border-bottom:1px solid #f0f0f0;font-size:16rem;line-height:24rem}
.pk-spec-row:last-child{border-bottom:0}
.pk-spec-row span{color:rgba(0,0,0,.64)}
.pk-spec-row strong{color:#000;text-align:right}
.pk-spec-row svg{width:20rem;height:20rem;color:#0b7a42;vertical-align:middle}

/* ---- People ---- */
.pk-person{text-align:center}
.pk-person img{display:block;width:100%;aspect-ratio:1/1;margin-bottom:20rem;border-radius:20rem;object-fit:cover;background:#eee}
.pk-person h3{color:#000;font-size:20rem;font-weight:600;line-height:28rem}
.pk-person p{margin-top:4rem;color:rgba(0,0,0,.56);font-size:15rem;line-height:22rem}

/* ---- FAQ (details/summary, no script needed) ---- */
.pk-faq{max-width:1000rem;margin-inline:auto;border-top:1px solid #e6e6e6}
.pk-faq details{border-bottom:1px solid #e6e6e6}
.pk-faq summary{position:relative;padding:28rem 56rem 28rem 0;color:#000;font-size:18rem;font-weight:500;line-height:28rem;list-style:none;cursor:pointer}
.pk-faq summary::-webkit-details-marker{display:none}
.pk-faq summary:after{content:"+";position:absolute;right:8rem;top:50%;color:#a52933;font-size:28rem;font-weight:300;line-height:1;transform:translateY(-50%);transition:transform .2s}
.pk-faq details[open] summary:after{transform:translateY(-50%) rotate(45deg)}
.pk-faq summary:hover{color:#a52933}
.pk-faq-body{padding:0 56rem 28rem 0;color:rgba(0,0,0,.64);font-size:16rem;line-height:28rem}
.pk-faq-body p+p{margin-top:12rem}
.pk-faq-body a{color:#a52933;text-decoration:underline}

/* ---- Call to action band ---- */
.pk-cta{padding-block:100rem;background:linear-gradient(135deg,#5d2333 0%,#a52933 100%);color:#fff;text-align:center}
.pk-cta h2{color:#fff;font-size:44rem;font-weight:700;line-height:56rem}
.pk-cta p{max-width:720rem;margin:16rem auto 0;color:rgba(255,255,255,.8);font-size:18rem;line-height:28rem}
.pk-cta .pk-actions{margin-top:40rem}

/* ---- Forms, alerts, badges ---- */
.pk-form{display:grid;gap:20rem}
.pk-field label{display:block;margin-bottom:8rem;color:#000;font-size:14rem;font-weight:500}
.pk-input,.pk-select,.pk-textarea{width:100%;height:52rem;padding:0 18rem;border:1px solid #d9d9d9;border-radius:12rem;outline:none;background:#fff;color:#000;font:inherit;font-size:16rem;transition:border-color .15s,box-shadow .15s}
.pk-textarea{height:auto;min-height:140rem;padding:14rem 18rem;resize:vertical}
.pk-input:focus,.pk-select:focus,.pk-textarea:focus{border-color:#a52933;box-shadow:0 0 0 3px rgba(165,41,51,.12)}
.pk-search{display:flex;gap:12rem;max-width:720rem;margin:40rem auto 0}
.pk-search .pk-input{flex:1;min-width:0}
.pk-alert{max-width:720rem;margin:24rem auto 0;padding:16rem 20rem;border-radius:12rem;font-size:16rem;line-height:24rem;text-align:center}
.pk-alert--error{border:1px solid #f5c2c7;background:#fdecee;color:#9f1d2b}
.pk-alert--success{border:1px solid #b7e4c7;background:#e8f7ef;color:#0b6b3a}
.pk-badge{display:inline-flex;align-items:center;height:26rem;padding:0 12rem;border-radius:999rem;font-size:13rem;font-weight:600}
.pk-badge--buy{background:#e8f7ef;color:#0b7a42}
.pk-badge--sell{background:#fdecee;color:#b4232f}
.pk-empty{max-width:720rem;margin:0 auto;color:rgba(0,0,0,.64);font-size:18rem;line-height:30rem;text-align:center}
.pk-empty .pk-icon{margin:0 auto 16rem}

/* ---- Trading pair chips (bot results) ---- */
.pk-bot-head{display:flex;flex-wrap:wrap;align-items:center;gap:20rem;margin-bottom:32rem}
.pk-bot-head h2{color:#000;font-size:36rem;font-weight:700;line-height:44rem}
.pk-pair{display:inline-flex;align-items:center;vertical-align:middle}
.pk-pair img{width:52rem;height:52rem;border:1px solid #eee;border-radius:50%;background:#fff}
.pk-pair img+img{margin-left:-16rem}
.pk-pair--sm{margin-right:8rem}
.pk-pair--sm img{width:24rem;height:24rem}
.pk-pair--sm img+img{margin-left:-8rem}

@media(max-width:996px){
.pk-container{padding-inline:32rem}
.pk-hero{padding-block:96rem}
.pk-hero .pk-container{flex-direction:column;gap:56rem;text-align:center}
.pk-hero h1{font-size:60rem;line-height:76rem}
.pk-hero-lead{margin-inline:auto;font-size:28rem;line-height:44rem}
.pk-hero-actions{justify-content:center}
.pk-hero-media{flex-basis:auto;width:100%}
.pk-eyebrow{font-size:24rem}
.pk-btn{height:88rem;padding:0 48rem;font-size:28rem}
.pk-btn svg{width:30rem;height:30rem}
.pk-link svg{width:26rem;height:26rem}
.pk-section{padding-block:120rem}
.pk-section--tight{padding-block:88rem}
.pk-head{margin-bottom:64rem}
.pk-title{font-size:48rem;line-height:64rem}
.pk-subtitle{font-size:28rem;line-height:44rem}
.pk-prose{font-size:28rem;line-height:48rem}
.pk-note{font-size:22rem;line-height:34rem}
.pk-grid{gap:24rem}
.pk-grid--2,.pk-grid--3,.pk-grid--4{grid-template-columns:1fr}
.pk-grid--m2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pk-card{gap:16rem;padding:48rem 40rem;border-radius:24rem}
.pk-card h3{font-size:34rem;line-height:44rem}
.pk-card p{font-size:26rem;line-height:40rem}
.pk-icon{width:96rem;height:96rem}
.pk-icon svg{width:44rem;height:44rem}
.pk-split,.pk-split--reverse{flex-direction:column;gap:56rem}
/* Stacked: a flex-basis would apply to height here and collapse clipped children (e.g. .pk-spec). */
.pk-split>*{flex:0 1 auto;width:100%}
.pk-split .pk-title,.pk-split .pk-subtitle{text-align:center}
.pk-list{gap:24rem}
.pk-list li{padding-left:56rem;font-size:28rem;line-height:42rem}
.pk-list li:before{top:6rem;width:32rem;height:32rem;background-size:18rem}
.pk-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:48rem 24rem}
.pk-stat-value{font-size:72rem;line-height:84rem}
.pk-stat-label{font-size:26rem;line-height:38rem}
.pk-kpi{padding:36rem 24rem;border-radius:24rem}
.pk-kpi-label{font-size:22rem;line-height:32rem}
.pk-kpi-value{font-size:44rem;line-height:56rem}
.pk-steps{grid-template-columns:1fr}
.pk-step{padding:48rem 40rem}
.pk-step-num{font-size:96rem}
.pk-step h3{font-size:34rem;line-height:44rem}
.pk-step p{font-size:26rem;line-height:40rem}
.pk-table{font-size:26rem;line-height:38rem}
.pk-table th,.pk-table td{padding:24rem 28rem}
.pk-spec-head{padding:48rem}
.pk-spec-head h3{font-size:44rem;line-height:56rem}
.pk-spec-head p{font-size:26rem;line-height:40rem}
.pk-spec-row{padding:24rem 40rem;font-size:26rem;line-height:38rem}
.pk-spec-row svg{width:32rem;height:32rem}
.pk-person h3{font-size:32rem;line-height:44rem}
.pk-person p{font-size:24rem;line-height:36rem}
.pk-faq summary{padding:36rem 72rem 36rem 0;font-size:30rem;line-height:44rem}
.pk-faq summary:after{font-size:44rem}
.pk-faq-body{padding:0 0 36rem;font-size:26rem;line-height:42rem}
.pk-cta{padding-block:120rem}
.pk-cta h2{font-size:52rem;line-height:68rem}
.pk-cta p{font-size:28rem;line-height:44rem}
.pk-field label{font-size:24rem}
.pk-input,.pk-select,.pk-textarea{height:88rem;padding:0 28rem;border-radius:16rem;font-size:28rem}
.pk-textarea{height:auto;min-height:240rem;padding:20rem 28rem}
.pk-search{flex-direction:column}
.pk-alert{font-size:26rem;line-height:40rem}
.pk-badge{height:40rem;padding:0 16rem;font-size:22rem}
.pk-empty{font-size:28rem;line-height:44rem}
.pk-bot-head h2{font-size:44rem;line-height:56rem}
.pk-pair img{width:80rem;height:80rem}
.pk-pair img+img{margin-left:-24rem}
.pk-pair--sm img{width:40rem;height:40rem}
.pk-pair--sm img+img{margin-left:-12rem}
}