/* STOQ Partner Program pages. The hub-* rules are the /analytics page components (only the ones these pages use);
   partner-specific additions follow at the end. */
.hub-hero,.hub-bigpic,.hub-closer,.hub-ai,.hub-outcomes,.hub-proof,.hub-faq-section{font-family:"Stoq Onest",Arial,sans-serif}

.hub-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hub-section-inner{max-width:1280px;margin:0 auto}
.hub-eyebrow{display:flex;align-items:center;gap:9px;color:#150322;font-size:16px;font-weight:600;line-height:24px}
.hub-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#8700D3;flex-shrink:0}
.hub-eyebrow-caps{color:#8700D3;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;line-height:20px}
.hub-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#796E81;font-size:14px;line-height:21px;margin-bottom:20px}
.hub-crumbs a{color:#796E81;text-decoration:none}
.hub-h1{color:#150322;font-size:54px;line-height:60px;font-weight:700;letter-spacing:-1.4px;margin:20px 0 0}
.hub-h2{color:#150322;font-size:40px;line-height:48px;font-weight:700;letter-spacing:-0.8px;margin:12px 0 0}
.hub-lead{color:#42314E;font-size:18px;line-height:28px;margin:12px 0 0}
.hub-cta{display:inline-flex;align-items:center;gap:14px;background:#8700D3;color:#FFFFFF;border-radius:999px;padding:6px 6px 6px 24px;font-size:16px;font-weight:600;line-height:24px;text-decoration:none}
.hub-cta-circ{width:36px;height:36px;border-radius:50%;background:#150322;display:flex;align-items:center;justify-content:center;flex:none}
.hub-cta.is-small{font-size:14px;line-height:20px;padding:5px 5px 5px 20px;gap:12px}
.hub-cta.is-small .hub-cta-circ{width:32px;height:32px}
.hub-cta:hover .hub-cta-circ{transform:translate(1px,-1px)}
.hub-cta .hub-cta-circ{transition:transform 200ms ease}
@media (prefers-reduced-motion:reduce){.hub-cta .hub-cta-circ{transition:none}}
.hub-ctacol{display:flex;flex-direction:column;gap:12px;align-items:flex-start;margin-top:28px}
.hub-ctacol.is-tight{margin-top:24px}
.hub-reviewproof{display:flex;align-items:center;gap:10px}
.hub-stars{color:#8700D3;font-size:14px;letter-spacing:2px;line-height:21px}
.hub-reviewlink{color:#42314E;font-size:14px;line-height:21px;text-decoration:none}
/* Hero */
.hub-hero{background:#FFFFFF;padding:16px 24px 24px}
.hub-hero-bg{background:#F8ECFF;border-radius:28px;padding:100px 56px 46px}
.hub-hero-inner{max-width:1280px;margin:0 auto}
.hub-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 540px;grid-column-gap:48px;grid-row-gap:40px;align-items:center}
.hub-hero-desc{color:#42314E;font-size:19px;line-height:1.5;max-width:560px;margin:20px 0 0}
.hub-hero-panel{background:#FFFFFF;border-radius:24px;padding:24px;box-shadow:0 18px 40px rgba(52,16,71,0.08);min-width:0}
.hub-hp-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #EEEAF2}
.hub-hp-title{font-size:20px;font-weight:700;color:#150322;line-height:26px}
.hub-hp-period{font-size:13px;color:#796E81}
.hub-hp-metric{font-size:32px;font-weight:700;line-height:38px;letter-spacing:-0.5px}
.hub-hp-metric.is-purple{color:#8700D3}
.hub-hp-metric.is-green{color:#366B58}
.hub-bp-tabs{display:flex;gap:28px;padding:20px 24px 0}
.hub-bp-tabs button{appearance:none;background:transparent;border:0;border-bottom:2px solid transparent;padding:8px 2px 12px;margin:0;display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:15px;font-weight:500;line-height:22px;color:#6F6477;cursor:pointer;min-height:44px}
.hub-bp-tabs button svg{width:17px;height:17px;flex:none}
.hub-bp-tabs button span{display:inline-flex;flex-direction:column;align-items:flex-start}
.hub-bp-tabs button span::after{content:attr(data-txt);font-weight:600;height:0;overflow:hidden;visibility:hidden;pointer-events:none}
.hub-bp-tabs button[aria-selected="true"]{color:#150322;font-weight:600;border-bottom-color:#8700D3}
.hub-bp-tabs button[aria-selected="true"] svg{color:#8700D3}
.hub-bp-tabs button:focus-visible{outline:2px solid #8700D3;outline-offset:3px;border-radius:4px}
.hub-bp-swap{display:grid;margin:20px 16px 0}
.hub-bp-swap > .hub-bp-state{grid-area:1/1;min-width:0}
.hub-bp-swap > .hub-bp-state[hidden]{display:block;visibility:hidden;pointer-events:none}
/* Look closer */
.hub-closer{background:#FFFFFF;padding:48px 80px 56px}
.hub-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
.hub-card{background:#FFFFFF;border:1px solid #ECE7E1;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.hub-card-top{background:#F5F2EE;padding:40px 40px 0}
.hub-card.is-bis{border-color:#E2EAE5}
.hub-card.is-bis .hub-card-top{background:#EFF4F2}
.hub-card-body{padding:60px 40px 36px;display:flex;flex-direction:column;flex:1}
.hub-card-family{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600;color:#150322;line-height:20px}
.hub-card-family svg{width:16px;height:16px}
.hub-card-h{font-size:30px;line-height:37px;font-weight:700;color:#150322;letter-spacing:-0.5px;margin:16px 0 0}
.hub-mock{position:relative;margin-top:28px;margin-bottom:-28px;font-family:Inter,system-ui,sans-serif}
.hub-widget{background:#FFFFFF;border-radius:16px;padding:24px;box-shadow:0 10px 30px rgba(36,16,50,0.06);width:92%}
.hub-widget-top{display:flex;justify-content:space-between;align-items:center}
.hub-widget-store{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#6F6477}
.hub-widget-shop{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#3F3846}
.hub-widget-shop svg{width:14px;height:14px}
.hub-widget-row{display:flex;gap:20px;margin-top:16px}
.hub-widget-photo{width:190px;height:190px;border-radius:10px;flex:none;display:block}
.hub-widget-info{min-width:0;flex:1}
.hub-widget-name{font-size:21px;font-weight:650;color:#202223;line-height:28px}
.hub-widget-variant{font-size:13px;color:#6F6477;margin-top:4px}
.hub-widget-price{font-size:15px;color:#202223;margin-top:10px}
.hub-widget-status{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#3F3846;margin-top:10px}
.hub-dot{width:7px;height:7px;border-radius:50%;flex:none}
.hub-dot.is-green{background:#366B58}
.hub-dot.is-amber{background:#A16207}
.hub-widget-btn{margin-top:12px;background:#26242B;color:#FFFFFF;border-radius:10px;text-align:center;font-size:13.5px;font-weight:600;line-height:20px;padding:12px 16px}
.hub-strip{position:relative;background:#FFFFFF;border-radius:16px;box-shadow:0 14px 34px rgba(36,16,50,0.10);padding:18px 24px 20px;width:84%;margin:-24px 0 0 auto}
.hub-strip-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.hub-strip-title{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#202223}
.hub-strip-title svg{width:15px;height:15px}
.hub-strip-period{font-size:12px;color:#6F6477}
.hub-strip-body{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:12px}
.hub-strip-metric{font-size:30px;font-weight:700;color:#202223;line-height:36px;letter-spacing:-0.5px}
.hub-strip-lbl{font-size:12.5px;color:#6F6477;margin-top:4px}
.hub-strip-lbl.is-right{text-align:right}
.hub-bars{display:flex;gap:5px;align-items:flex-end;justify-content:flex-end;height:36px}
.hub-bars i{width:11px;background:#D9D6DB;border-radius:2.5px;display:block}
.hub-bars i.b2{background:#C4C0C8}
.hub-bars i.b3{background:#B2ACB7}
.hub-bars i.g1{background:#5E9380}
.hub-bars i.is-grn{background:#438167}
.hub-bars i.g3{background:#366B58}
.hub-card-intro{font-size:15px;line-height:23px;color:#42314E;margin:0}
.hub-caps{list-style:none;margin:8px 0 0;padding:0}
.hub-caps li{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid #EDE9E4}
.hub-caps li:last-child{border-bottom:0}
.hub-caps svg{width:18px;height:18px;flex:none;margin-top:2px;color:#150322}
.hub-cap-h{font-size:15.5px;font-weight:600;color:#150322;line-height:22px}
.hub-cap-p{font-size:13.5px;line-height:20px;color:#6F6477;margin-top:3px}
.hub-caps + .hub-cta{margin-top:24px;align-self:flex-start}
/* Outcomes */
.hub-outcomes{background:#FFFFFF;padding:64px 80px}
.hub-out-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,620px);gap:80px;align-items:center}
.hub-out-h{font-size:16px;font-weight:700;color:#150322;line-height:23px}
.hub-out-p{font-size:14.5px;line-height:22px;color:#42314E;margin-top:4px}
/* Proof */
.hub-proof{background:#21112E;padding:80px}
.hub-proof-h{color:#FFFFFF;font-size:32px;line-height:40px;font-weight:700;letter-spacing:-0.5px;margin:0}
.hub-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:40px}
.hub-quote{min-width:0}
.hub-quote-text{color:#FFFFFF;font-size:18px;line-height:28px;font-weight:400;margin:16px 0 0;border:0;padding:0}
.hub-quote-attr{color:#FFFFFF;font-size:14px;font-weight:600;margin-top:18px;line-height:20px}
.hub-quote-link{display:inline-block;color:#B4A8C0;font-size:12.5px;line-height:18px;margin-top:6px;text-decoration:none}
/* FAQ */
.hub-faq-section{background:#F5F5F5;padding:80px 24px 88px}
.hub-faq-wrap{max-width:928px;margin:0 auto;display:flex;flex-direction:column}
.hub-faq-eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;color:#150322;font-size:16px;font-weight:600;line-height:24px}
.hub-dot{width:7px;height:7px;border-radius:50%;background:#8700D3}
.hub-faq-h{color:#150322;font-size:36px;font-weight:700;line-height:44px;letter-spacing:-0.6px;margin:12px 0 0;text-align:center}
.hub-faq{display:flex;flex-direction:column;gap:18px;margin-top:40px}
.hub-faq-item{background:#FFFFFF;border-radius:16px;padding:8px 28px;box-shadow:0 6px 22px rgba(36,16,50,0.03)}
.hub-faq-q{margin:0}
.hub-faq-toggle{appearance:none;background:none;border:0;padding:21px 0;margin:0;display:flex;align-items:center;gap:20px;width:100%;cursor:pointer;text-align:left;font-family:inherit;min-height:44px}
.hub-faq-qtext{flex:1 1 0;color:#150322;font-size:18px;font-weight:600;line-height:27px}
.hub-faq-chev{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#150322;display:flex;align-items:center;justify-content:center;transition:transform 160ms ease}
.hub-faq-toggle[aria-expanded="true"] .hub-faq-chev{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){.hub-faq-chev{transition:none}}
.hub-faq-toggle:focus-visible{outline:2px solid #8700D3;outline-offset:3px;border-radius:8px}
.hub-faq-answer{color:#42314E;font-size:16px;line-height:24px;padding:0 54px 24px 0}
.hub-faq-answer p{margin:0 0 12px}
.hub-faq-answer p:last-child{margin-bottom:0}
.hub-faq-support{text-align:center;color:#42314E;font-size:15px;line-height:23px;margin-top:40px}
.hub-faq-supportlink{color:#8700D3;text-decoration:none;font-weight:500;display:inline-block;margin-top:6px}
/* Tablet */
@media (max-width:991px){
.hub-hero-grid{grid-template-columns:1fr}
.hub-hero-panel{max-width:560px;width:100%;justify-self:center}
.hub-bp-grid,.hub-ai-grid,.hub-out-grid{grid-template-columns:1fr;gap:40px}
.hub-cards{grid-template-columns:1fr}
.hub-bigpic,.hub-closer,.hub-ai,.hub-outcomes,.hub-proof{padding-left:32px;padding-right:32px}
.hub-proof-grid{gap:48px}
.hub-h1{font-size:46px;line-height:53px}
}
/* Mobile */
@media (max-width:767px){
.hub-hero{padding:8px 10px 16px}
.hub-hero-bg{padding:88px 24px 32px}
.hub-crumbs{margin-bottom:20px}
.hub-h1{font-size:38px;line-height:45px;letter-spacing:-0.8px}
.hub-h2{font-size:30px;line-height:36px}
.hub-lead{font-size:16px;line-height:24px}
.hub-hero-desc{font-size:17px}
.hub-bigpic,.hub-closer,.hub-ai,.hub-outcomes,.hub-proof{padding-left:24px;padding-right:24px}
.hub-ai,.hub-outcomes,.hub-proof{padding-top:56px;padding-bottom:56px}
.hub-ctacol{align-items:center;width:100%}
.hub-hero-panel{padding:16px}
.hub-hp-metric{font-size:26px;line-height:32px}
.hub-bp-tabs{padding:12px 16px 0;gap:20px}
.hub-bp-swap{margin:12px 12px 0}
.hub-bp-swap > .hub-bp-state[hidden]{display:none}
#hub-bp-panel-sales{overflow-x:auto;-webkit-overflow-scrolling:touch}
.hub-card-top{padding:24px 24px 0}
.hub-card-body{padding:44px 24px 28px}
.hub-card-h{font-size:26px;line-height:32px}
.hub-widget{width:100%;padding:16px}
.hub-widget-row{gap:14px}
.hub-widget-photo{width:104px;height:104px}
.hub-strip{width:94%;padding:14px 16px 16px;margin-top:-12px}
.hub-mock{margin-bottom:-20px}
.hub-strip-metric{font-size:24px;line-height:30px}
.hub-bars i{width:9px}
.hub-proof-grid{grid-template-columns:1fr;gap:32px}
.hub-quote-text{font-size:16px;line-height:25px}
.hub-faq-section{padding:48px 20px 56px !important}
.hub-faq-h{font-size:28px;line-height:34px}
.hub-faq-item{padding:4px 18px}
.hub-faq-toggle{padding:16px 0}
.hub-faq-answer{padding:0 0 16px}
}
@media (max-width:479px){
.hub-h1{font-size:34px;line-height:41px}
}

/* ===== Partner pages: additions on top of the analytics (hub-*) components ===== */
.hub-hero,.hub-bigpic,.hub-closer,.hub-ai,.hub-outcomes,.hub-proof,.hub-faq-section,.ptn-sec{font-family:"Stoq Onest",Arial,sans-serif}
.hub-crumbs .hub-crumb-sep{color:#B4A8C0}
.ptn-textlink{display:inline-flex;align-items:center;gap:6px;color:#8700D3;font-size:15px;font-weight:600;line-height:22px;text-decoration:none}
.ptn-textlink:hover{text-decoration:underline}
.hub-ctacol .ptn-textlink{margin-top:2px}

/* Hero panel: partner commission row */
.ptn-earn{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;background:#FAF4FE;border:1px solid #E7CDF8;border-radius:16px;padding:14px 18px}
.ptn-earn-lbl{font-size:13px;color:#5A5261;line-height:19px}
.ptn-earn-lbl strong{display:block;font-size:15px;color:#150322;font-weight:600;line-height:22px}
.ptn-earn-val{font-size:32px;font-weight:700;color:#8700D3;line-height:38px;letter-spacing:-0.5px;flex:none}

/* Hero panel: live event feed (tech & agency page) */
.ptn-feed{list-style:none;margin:0;padding:8px 0 0}
.ptn-feed li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #EEEAF2}
.ptn-feed li:last-child{border-bottom:0}
.ptn-feed img{width:52px;height:52px;border-radius:10px;flex:none;display:block}
.ptn-feed-txt{min-width:0;flex:1}
.ptn-feed-h{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#150322;line-height:22px}
.ptn-feed-h svg{width:16px;height:16px;color:#8700D3;flex:none}
.ptn-feed-p{font-size:13px;color:#796E81;line-height:19px;margin-top:2px}
.ptn-chip{flex:none;display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;line-height:18px;background:#EFF4F2;color:#366B58}
.ptn-chip svg{width:13px;height:13px}
.ptn-feed-foot{display:flex;align-items:center;gap:10px;margin-top:16px;background:#F7F5F8;border:1px solid #ECE8EF;border-radius:16px;padding:12px 16px;font-size:13.5px;color:#42314E;line-height:20px}
.ptn-feed-foot svg{width:18px;height:18px;color:#150322;flex:none}
.ptn-feed-foot strong{color:#150322}

/* Track cards: tints and the wide featured card */
.hub-card.is-tech{border-color:#EADFF5}
.hub-card.is-tech .hub-card-top{background:#F6F0FB}
.ptn-tracks{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
.hub-card-body .hub-card-family+.hub-card-h{margin-top:16px}
.hub-cap-p a{color:#8700D3;text-decoration:none;font-weight:500}
.hub-cap-p a:hover{text-decoration:underline}

/* Mock: event hook strip text */
.ptn-strip-big{font-size:22px;font-weight:700;color:#202223;line-height:28px;letter-spacing:-0.3px}

/* Mock: affiliate earnings widget */
.ptn-earnw-metric{font-size:44px;font-weight:700;color:#8700D3;line-height:50px;letter-spacing:-1px;margin-top:14px}
.ptn-earnw-lbl{font-size:13.5px;color:#3F3846;margin-top:4px;line-height:20px}
.ptn-earnw-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.hub-bars.is-tall{height:64px;gap:6px}
.hub-bars.is-tall i{width:12px}
.hub-bars i.p1{background:#E7CDF8}
.hub-bars i.p2{background:#D3A6F2}
.hub-bars i.p3{background:#B56BE6}
.hub-bars i.is-pur{background:#8700D3}

/* Mock: platform event subscriptions */
.ptn-subs{list-style:none;margin:14px 0 0;padding:0}
.ptn-subs li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #F0EDF2;font-size:14px;color:#202223;font-weight:500}
.ptn-subs li:last-child{border-bottom:0}
.ptn-subs span{display:inline-flex;align-items:center;gap:10px}
.ptn-subs span svg{width:16px;height:16px;color:#6F6477}
.ptn-toggle{width:34px;height:20px;border-radius:999px;background:#8700D3;position:relative;flex:none}
.ptn-toggle:after{content:"";position:absolute;right:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#FFFFFF}

/* Quotes on the dark section */
.ptn-quote-tag{display:inline-block;color:#B4A8C0;font-size:12.5px;line-height:18px;margin-top:6px}
.ptn-kind-lbl{font-size:14px;font-weight:600;color:#8700D3;line-height:20px}

/* Tiers: rising staircase inside a soft panel */
.ptn-tiers-panel{margin-top:40px;background:#F7F5F8;border:1px solid #ECE8EF;border-radius:24px;padding:40px}
.ptn-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:end}
.ptn-tier{background:#FFFFFF;border:1px solid #E6E2E9;border-radius:16px;padding:28px}
.ptn-tier:nth-child(1){min-height:330px}
.ptn-tier:nth-child(2){min-height:380px}
.ptn-tier:nth-child(3){min-height:430px;background:#FAF4FE;border-color:#E7CDF8}
.ptn-tier-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ptn-tier-icon{width:40px;height:40px;border-radius:12px;background:#F4F1F6;display:flex;align-items:center;justify-content:center;color:#150322}
.ptn-tier:nth-child(3) .ptn-tier-icon{background:#8700D3;color:#FFFFFF}
.ptn-tier-icon svg{width:20px;height:20px}
.ptn-tier-tag{font-size:12px;font-weight:600;color:#6F6477;line-height:18px}
.ptn-tier:nth-child(3) .ptn-tier-tag{color:#8700D3}
.ptn-tier h3{font-size:28px;line-height:34px;font-weight:700;color:#150322;letter-spacing:-0.5px;margin:20px 0 18px}
.ptn-tier dl{margin:0}
.ptn-tier dt{font-size:12.5px;font-weight:600;color:#6F6477;line-height:18px;text-transform:uppercase;letter-spacing:1px}
.ptn-tier dd{margin:4px 0 0;font-size:15px;line-height:23px;color:#150322}
.ptn-tier dd+dt{margin-top:16px;padding-top:16px;border-top:1px solid #EEEAF2}
.ptn-tier dd a{color:#8700D3;font-weight:600;text-decoration:none}

/* Directory teaser on the dark section */
.ptn-dir-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:80px;align-items:center}
.ptn-dir-p{color:#D9CFE2;font-size:18px;line-height:28px;margin:16px 0 0}
.ptn-listing{background:#FFFFFF;border-radius:20px;padding:24px;box-shadow:0 24px 60px rgba(0,0,0,.25)}
.ptn-listing-top{display:flex;align-items:center;gap:14px}
.ptn-listing-logo{width:52px;height:52px;border-radius:14px;background:#F4F1F6;display:flex;align-items:center;justify-content:center;color:#8700D3;flex:none}
.ptn-listing-logo svg{width:24px;height:24px}
.ptn-listing-name{font-size:18px;font-weight:700;color:#150322;line-height:25px}
.ptn-listing-sub{font-size:13px;color:#796E81;line-height:19px}
.ptn-listing-badge{display:inline-flex;align-items:center;gap:6px;margin-top:18px;background:#FAF4FE;border:1px solid #E7CDF8;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;color:#8700D3}
.ptn-listing-badge svg{width:15px;height:15px}
.ptn-listing-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ptn-listing-tags span{background:#F4F1F6;border-radius:999px;padding:5px 12px;font-size:12.5px;color:#3F3846}
.ptn-listing-btn{margin-top:20px;background:#26242B;color:#FFFFFF;border-radius:10px;text-align:center;font-size:13.5px;font-weight:600;line-height:20px;padding:12px 16px}
.ptn-listing-cap{margin-top:12px;font-size:12px;color:#B4A8C0;text-align:center}

@media (max-width:991px){
  .ptn-tracks{grid-template-columns:1fr}
  .ptn-why-grid,.ptn-dir-grid{grid-template-columns:1fr;gap:40px}
  .ptn-tiers{grid-template-columns:1fr}
  .ptn-tier:nth-child(n){min-height:0}
}
@media (max-width:767px){
  .ptn-tiers-panel{padding:16px}
  .ptn-earn-val{font-size:26px}
  .ptn-earnw-metric{font-size:36px;line-height:42px}
  .ptn-feed img{width:44px;height:44px}
  .ptn-dir-p{font-size:16px;line-height:25px}
  .ptn-strip-big{font-size:17px;line-height:23px}
  .ptn-feed li{gap:10px}
  .ptn-feed-h{font-size:14px;line-height:20px}
  .ptn-feed-h svg{display:none}
  .ptn-chip{padding:3px 8px}
  .hub-strip-body{flex-wrap:wrap}
  .ptn-earnw-row .hub-bars.is-tall{height:48px}
}

/* ===== Critique fixes (2026-11-05) ===== */
/* Hero buttons: primary + secondary side by side */
.ptn-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.button.ptn-btn-alt{background-color:transparent;color:#150322;box-shadow:inset 0 0 0 1.5px #150322;min-height:3rem}
.button.ptn-btn-alt:hover{background-color:#150322;color:#FFFFFF}
/* Commission row leads the hero panel */
.ptn-earn.is-top{margin:16px 0 0;padding:16px 20px}
.ptn-earn.is-top .ptn-earn-val{font-size:40px;line-height:44px;letter-spacing:-1px}
/* Hero tabs (Platforms / Agencies) */
.hub-bp-tabs.ptn-hero-tabs{padding:0;margin:-8px 0 4px;border-bottom:1px solid #EEEAF2}
.ptn-swap{margin:8px 0 0}
.ptn-chip.is-purple{background:#FAF4FE;color:#8700D3}
/* Card buttons pinned to the bottom so side-by-side cards line up */
.hub-card-body .hub-caps{margin-bottom:24px}
.hub-card-body > .hub-cta{margin-top:auto !important;align-self:flex-start}
/* Contrast: breadcrumb text 6.2:1 on the lavender hero */
.hub-crumbs,.hub-crumbs a,.hub-crumbs .hub-crumb-sep{color:#6B6073}
/* Tap targets */
.hub-cta{min-height:44px;box-sizing:border-box}
.ptn-textlink,.hub-faq-supportlink{display:inline-flex;align-items:center;min-height:44px}
.hub-reviewlink,.hub-quote-link{display:inline-flex;align-items:center;min-height:24px}
@media (max-width:767px){
  .ptn-ctas{justify-content:center;width:100%}
  .ptn-earn.is-top .ptn-earn-val{font-size:32px;line-height:38px}
}
@media (max-width:479px){
  .ptn-ctas .button{width:100%;justify-content:space-between}
  .ptn-ctas .button.ptn-btn-alt{justify-content:center}
}

/* ===== Partners page v5 (user feedback 2026-11-05) ===== */
/* Hero panel: slim store rows instead of big photos */
.ptn-rows{list-style:none;margin:8px 0 0;padding:0}
.ptn-rows li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #EEEAF2}
.ptn-rows li:last-child{border-bottom:0;padding-bottom:0}
.ptn-rows img{width:60px;height:60px;border-radius:12px;flex:none;display:block}
.ptn-rows-txt{flex:1;min-width:0}
.ptn-rows-h{font-size:16px;font-weight:600;color:#150322;line-height:23px}
.ptn-rows-p{font-size:13px;color:#796E81;line-height:19px;margin-top:2px}
.ptn-rows-num{text-align:right;flex:none}
.ptn-rows-num .hub-hp-metric{font-size:26px;line-height:32px}
/* Affiliates + Creators: locked heading and preview heights so the cards line up */
.ptn-pair{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ptn-pair .hub-card-h{min-height:74px}
.ptn-pair .ptn-pair-widget{height:174px;box-sizing:border-box}
.ptn-brief-h{font-size:18px;font-weight:650;color:#202223;line-height:25px;margin-top:14px;max-width:340px}
.ptn-brief-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ptn-brief-tags span{background:#F4F1F6;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:500;color:#3F3846}
/* Why partners choose STOQ: bento of reasons with their proof */
.ptn-bento{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:20px;margin-top:40px}
.ptn-tile{background:#F7F5F8;border:1px solid #ECE8EF;border-radius:24px;padding:28px;display:flex;flex-direction:column}
.ptn-tile.is-big{grid-row:1/3;background:#FAF4FE;border-color:#E7CDF8;padding:36px}
.ptn-tile-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ptn-tile-icon{width:40px;height:40px;border-radius:12px;background:#FFFFFF;border:1px solid #ECE8EF;display:flex;align-items:center;justify-content:center;color:#150322}
.ptn-tile-icon svg{width:20px;height:20px}
.ptn-gem{width:56px;height:56px}
.ptn-tile-tag{font-size:13px;font-weight:600;color:#6F6477;line-height:19px}
.ptn-tile.is-big .ptn-tile-tag{color:#8700D3}
.ptn-tile-val{font-size:40px;line-height:46px;font-weight:700;color:#150322;letter-spacing:-1px;margin-top:28px}
.ptn-tile.is-big .ptn-tile-val{font-size:72px;line-height:76px;letter-spacing:-2.5px;color:#8700D3;margin-top:40px}
.ptn-tile-h{font-size:17px;font-weight:700;color:#150322;line-height:24px;margin-top:8px}
.ptn-tile.is-big .ptn-tile-h{font-size:22px;line-height:29px;margin-top:10px}
.ptn-tile-p{font-size:14.5px;line-height:22px;color:#42314E;margin:8px 0 0}
.ptn-tile.is-big .ptn-tile-p{font-size:16px;line-height:25px;max-width:440px}
.ptn-tile-foot{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:auto;padding-top:28px}
.ptn-tile-foot>div{background:#FFFFFF;border:1px solid #E7CDF8;border-radius:16px;padding:16px 18px;font-size:13px;color:#5A5261;line-height:19px}
.ptn-tile-foot strong{display:block;font-size:26px;line-height:32px;font-weight:700;color:#150322;letter-spacing:-0.5px;margin-bottom:2px}
@media (max-width:991px){
  .ptn-pair{grid-template-columns:1fr}
  .ptn-pair .hub-card-h{min-height:0}
  .ptn-pair .ptn-pair-widget{height:auto}
  .ptn-bento{grid-template-columns:1fr 1fr}
  .ptn-bento .ptn-tile.is-big{grid-column:1/-1;grid-row:auto}
}
@media (max-width:767px){
  .ptn-bento{grid-template-columns:1fr;gap:14px}
  .ptn-tile,.ptn-tile.is-big{padding:24px}
  .ptn-tile.is-big .ptn-tile-val{font-size:56px;line-height:60px;margin-top:28px}
  .ptn-tile-val{margin-top:20px;font-size:34px;line-height:40px}
  .ptn-rows-num .hub-hp-metric{font-size:22px;line-height:28px}
  .ptn-rows img{width:48px;height:48px}
}
@media (max-width:479px){
  .ptn-rows li{gap:12px}
  .ptn-rows-num .ptn-rows-p{display:none}
  .ptn-rows-num .hub-hp-metric{font-size:20px;line-height:26px}
  .ptn-rows-h{font-size:15px;line-height:21px}
  .ptn-earn.is-top{padding:14px 16px}
  .ptn-earn.is-top .ptn-earn-val{font-size:28px;line-height:34px}
  .ptn-earn-lbl{font-size:12.5px;line-height:18px}
}

/* Hero breathing room (feedback: top of hero felt congested) */
.hub-hero-bg{padding:136px 56px 72px}
.hub-crumbs{margin-bottom:40px}
.hub-hero .hub-h1{margin-top:16px}
@media (max-width:991px){.hub-hero-bg{padding:128px 32px 56px}}
@media (max-width:767px){.hub-hero-bg{padding:112px 24px 40px}.hub-crumbs{margin-bottom:28px}}

/* ===== Alignment + section labels (feedback 2026-11-05) ===== */
/* Section labels on the dark sections */
.hub-eyebrow.is-dark{color:#FFFFFF}
.hub-eyebrow.is-dark::before{background:#C95FFF}
.hub-eyebrow + .hub-proof-h,.hub-eyebrow + .hub-h2{margin-top:12px}
/* Reviews: quotes sit in matching columns; name lines line up at the bottom */
.hub-proof-grid{align-items:stretch}
.hub-proof .hub-quote{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.14);padding-top:28px}
.hub-proof .hub-quote-text{margin-top:0;flex:1}
.ptn-quote-by{margin-top:28px;min-height:52px}
.ptn-quote-by .hub-quote-attr{margin-top:0}
.ptn-quote-by .ptn-quote-tag,.ptn-quote-by .hub-quote-link{margin-top:4px}
/* Closing and "why this exists": both columns start at the same line */
.hub-out-grid{align-items:start}
.hub-out-copy .hub-h2{text-wrap:balance}
@media (max-width:767px){
  .hub-proof .hub-quote{padding-top:22px}
  .ptn-quote-by{margin-top:18px;min-height:0}
}

/* Small laptops (992-1199px): keep two-column layouts readable */
@media (min-width:992px) and (max-width:1199px){
  .hub-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,440px);grid-column-gap:40px}
  .hub-hero .hub-h1{font-size:46px;line-height:53px}
  .hub-out-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}
  .hub-cards{grid-template-columns:1fr}
  .ptn-bento{grid-template-columns:1fr 1fr}
  .ptn-bento .ptn-tile.is-big{grid-column:1/-1;grid-row:auto}
}

/* Closing sections: steps panel stretches to the copy column so both sides end together */
.ptn-close .hub-out-grid{align-items:stretch}
.ptn-close .hub-lead{text-wrap:pretty}
.ptn-close .hub-ctacol{gap:8px}
.ptn-close .ptn-textlink{min-height:32px}
.ptn-steps{background:#F7F5F8;border:1px solid #ECE8EF;border-radius:24px;padding:32px 36px;display:flex;flex-direction:column}
.ptn-steps-title{font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#6F6477;line-height:19px}
.ptn-steps-list{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;justify-content:space-between;flex:1}
.ptn-steps-list li{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-bottom:1px solid #E6E2E9}
.ptn-steps-list li:first-child{padding-top:0}
.ptn-steps-list li:last-child{border-bottom:0;padding-bottom:0}
.ptn-step-num{flex:none;width:32px;height:32px;border-radius:50%;background:#8700D3;color:#FFFFFF;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:-4px}
@media (max-width:767px){.ptn-steps{padding:24px}}
.ptn-close .hub-out-copy{align-self:center}

/* ===== Tech & Agency page: lessons from the partners page ===== */
/* Compact hero panel */
.ptn-feed{padding-top:4px}
.ptn-feed li{padding:10px 0}
.ptn-feed img{width:44px;height:44px;border-radius:10px}
.ptn-feed-foot{margin-top:12px;padding:10px 14px}
.hub-bp-tabs.ptn-hero-tabs button{padding:6px 2px 10px;min-height:40px}
.ptn-swap .hub-hp-head{padding-bottom:12px}
/* Platforms + Agencies cards: locked heading and preview heights */
.ptn-pair-cards .hub-card-h{min-height:74px}
.ptn-pair-cards .hub-widget{height:268px;padding-bottom:44px;box-sizing:border-box}
.ptn-pair-cards .hub-widget-photo{width:150px;height:150px}
.ptn-pair-cards .hub-strip{min-height:130px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}

@media (max-width:991px){
  .ptn-pair-cards .hub-card-h{min-height:0}
  .ptn-pair-cards .hub-widget{height:auto;padding-bottom:40px}
  .ptn-pair-cards .hub-strip{min-height:0}
}
@media (max-width:767px){
  .ptn-pair-cards .hub-widget-photo{width:104px;height:104px}
}

/* Two ways cards: balanced bodies, Platforms preview fills its frame */
.ptn-pair-cards .hub-widget{display:flex;flex-direction:column}
.ptn-pair-cards .ptn-subs{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;margin-top:6px}
.ptn-pair-cards .ptn-subs li{padding:0;border-bottom:0}
.ptn-pair-cards .ptn-subs li+li{border-top:1px solid #F0EDF2;padding-top:0}
.ptn-pair-cards .ptn-subs li{flex:1;align-items:center}
.ptn-fitrow{margin-top:24px;background:#F7F5F8;border:1px solid #ECE8EF;border-radius:24px;padding:28px 32px}
.ptn-fitrow-head{font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#6F6477;line-height:19px}
.ptn-fitrow-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px 48px;margin-top:18px}
.ptn-fitrow-col{display:flex;gap:16px;align-items:flex-start}
.ptn-fitrow-h{font-size:17px;font-weight:700;color:#150322;line-height:24px;margin-top:2px}
.ptn-fitrow-p{font-size:14.5px;line-height:22px;color:#42314E;margin:4px 0 0}
@media (max-width:767px){
  .ptn-fitrow{padding:24px}
  .ptn-fitrow-cols{grid-template-columns:1fr}
}

/* Why this program exists: before / after storefront band + rewards row */
.ptn-exists-lead{max-width:760px;text-wrap:pretty}
.ptn-ba{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:28px;align-items:center;margin-top:40px;background:#F7F5F8;border:1px solid #ECE8EF;border-radius:24px;padding:36px 40px;font-family:Inter,system-ui,sans-serif}
.ptn-ba-side{min-width:0}
.ptn-ba-side .hub-widget{width:100%;box-sizing:border-box}
.ptn-ba-tag{display:inline-flex;font-family:"Stoq Onest",Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#6F6477;margin-bottom:12px}
.ptn-ba-tag.is-on{color:#8700D3}
.hub-dot.is-red{background:#D13B3B}
.hub-widget-btn.is-off{background:#ECEAEE;color:#8A8190}
.ptn-ba-out{display:flex;align-items:center;gap:10px;margin-top:14px;font-family:"Stoq Onest",Arial,sans-serif;font-size:15px;font-weight:500;line-height:22px;border-radius:14px;padding:12px 16px}
.ptn-ba-out svg{width:20px;height:20px;flex:none}
.ptn-ba-out.is-bad{background:#FBEFEF;color:#7A1F1F}
.ptn-ba-out.is-bad svg{color:#D13B3B}
.ptn-ba-out.is-good{background:#EFF4F2;color:#1F4436}
.ptn-ba-out.is-good svg{color:#366B58}
.ptn-ba-out strong{font-weight:700}
.ptn-ba-mid{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:28px}
.ptn-ba-arrow{width:52px;height:52px;border-radius:50%;background:#8700D3;color:#FFFFFF;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(135,0,211,.25)}
.ptn-ba-arrow svg{width:22px;height:22px}
.ptn-ba-midlbl{font-family:"Stoq Onest",Arial,sans-serif;font-size:13px;font-weight:700;color:#150322;white-space:nowrap}
.ptn-rewards{margin-top:44px}
.ptn-rewards-lbl{font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#6F6477;line-height:19px}
.ptn-rewards-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:18px}
.ptn-reward{border-top:2px solid #E7CDF8;padding-top:22px}
.ptn-reward-h{font-size:18px;font-weight:700;color:#150322;line-height:25px;margin-top:16px}
.ptn-reward-p{font-size:15px;line-height:23px;color:#42314E;margin:6px 0 0;text-wrap:pretty}
@media (min-width:992px) and (max-width:1199px){
  .ptn-ba{padding:28px;gap:20px}
  .ptn-ba .hub-widget-photo{width:110px;height:110px}
}
@media (max-width:991px){
  .ptn-ba{grid-template-columns:1fr;gap:16px}
  .ptn-ba-mid{flex-direction:row;justify-content:center;padding-top:0}
  .ptn-ba-arrow{transform:rotate(90deg);width:44px;height:44px}
  .ptn-rewards-cols{grid-template-columns:1fr;gap:20px}
}
@media (max-width:767px){
  .ptn-ba{padding:20px}
  .ptn-ba-out{font-size:14px;padding:10px 14px}
}
.ptn-short{display:none}
@media (min-width:992px) and (max-width:1199px){.ptn-ba .ptn-long{display:none}.ptn-ba .ptn-short{display:inline}}
@media (max-width:479px){.ptn-ba .ptn-long{display:none}.ptn-ba .ptn-short{display:inline}}

/* Corner sizes: 24px cards, 16px inner boxes */
.ptn-ba-out{border-radius:16px}
.ptn-listing{border-radius:24px}
.ptn-listing-logo{border-radius:12px}

/* ===== App partners page (/partners/apps) ===== */
/* Tags: STOQ steps are purple, partner-app steps are orange */
.ptn-tag{flex:none;display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;line-height:18px;white-space:nowrap}
.ptn-tag.is-stoq{background:#FAF4FE;color:#8700D3;box-shadow:inset 0 0 0 1px #E7CDF8}
.ptn-tag.is-app{background:#FFF3E8;color:#A84B05;box-shadow:inset 0 0 0 1px #F8D5B2}
/* Hero: one launch */
figure.ptn-launch{margin:0}
.ptn-launch-product{display:flex;align-items:center;gap:14px;padding:16px 0 14px;border-bottom:1px solid #EEEAF2}
.ptn-launch-product img{width:52px;height:52px;border-radius:12px;flex:none;display:block}
.ptn-launch-info{flex:1;min-width:0}
.ptn-launch-name{display:flex;justify-content:space-between;gap:12px;font-size:16px;font-weight:600;color:#150322;line-height:23px}
.ptn-launch-name span{font-weight:600;color:#150322}
.ptn-launch-pre{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;margin-top:4px}
.ptn-launch-pre svg{width:15px;height:15px;color:#8700D3;flex:none}
.ptn-launch-pre strong{font-size:13.5px;font-weight:600;color:#8700D3;line-height:20px}
.ptn-launch-pre span{flex-basis:100%;font-size:12.5px;color:#5A5261;line-height:18px}
.ptn-tl{list-style:none;margin:8px 0 0;padding:0;position:relative}
.ptn-tl::before{content:"";position:absolute;left:5px;top:20px;bottom:20px;width:2px;background:#EEEAF2}
.ptn-tl li{display:flex;align-items:center;gap:12px;padding:7px 0;position:relative}
.ptn-tl-dot{width:12px;height:12px;border-radius:50%;flex:none;position:relative;box-shadow:0 0 0 3px #FFFFFF}
.ptn-tl-dot.is-stoq{background:#8700D3}
.ptn-tl-dot.is-app{background:#F07A1A}
.ptn-tl-txt{flex:1;min-width:0;font-size:14.5px;line-height:21px;color:#150322}
/* About the program: copy + "Works with STOQ" app panel */
.ptn-eco-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);gap:64px;align-items:center}
.ptn-eco-points{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-direction:column;gap:20px}
.ptn-eco-points>li{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:16px;align-items:start}
.ptn-eco-points .ptn-tile-icon{grid-row:span 2;background:#FAF4FE;border-color:#E7CDF8;color:#8700D3}
.ptn-eco-lbl{display:block;font-size:18px;font-weight:700;color:#150322;line-height:25px}
.ptn-eco-val{display:block;margin:2px 0 0;font-size:15px;color:#42314E;line-height:23px}
.ptn-eco{background:#F7F5F8;border:1px solid #ECE8EF;border-radius:24px;padding:28px}
.ptn-eco-head{display:flex;align-items:center;gap:14px}
.ptn-eco-head img{width:44px;height:44px;border-radius:12px;flex:none;display:block}
.ptn-eco-title{font-size:18px;font-weight:700;color:#150322;line-height:25px}
.ptn-eco-sub{font-size:13.5px;color:#6F6477;line-height:20px;margin-top:2px}
.ptn-eco-grid2{list-style:none;margin:20px 0 0;padding:24px;background:#FFFFFF;border:1px solid #ECE8EF;border-radius:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 12px}
.ptn-eco-app{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;white-space:nowrap;font-size:14px;font-weight:600;color:#150322;line-height:20px}
.ptn-eco-app img{width:48px;height:48px;border-radius:12px;display:block;background:#FFFFFF;object-fit:contain;box-shadow:0 0 0 1px rgba(21,3,34,.08)}
.ptn-eco-app.is-you{color:#A84B05}
.ptn-eco-plus{width:48px;height:48px;border-radius:12px;border:1.5px dashed #F0A866;background:#FFF8F1;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;line-height:1;color:#C2610C}
.ptn-eco-link{margin-top:16px}
/* Where you fit */
.ptn-fitsec{background:#F7F1FB;padding-top:72px;padding-bottom:80px}
.ptn-journey{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,auto);gap:0 20px}
.ptn-journey>li{display:grid;grid-row:span 4;grid-template-rows:subgrid;background:#FFFFFF;border:1px solid #EADCF5;border-radius:24px;padding:28px 24px;position:relative}
.ptn-journey>li:not(:last-child)::after{content:"";position:absolute;top:47px;right:-21px;width:20px;height:2px;background:#D5BCEA}
.ptn-journey-num{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#150322;line-height:26px}
.ptn-journey-num span{width:40px;height:40px;border-radius:12px;background:#8700D3;color:#FFFFFF;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}
.ptn-journey-p{font-size:15px;line-height:23px;color:#42314E;margin:14px 0 0}
.ptn-journey-role{margin-top:16px;padding-top:16px;border-top:1px solid #EEEAF2}
.ptn-journey-role p{margin:8px 0 0;font-size:14.5px;line-height:22px;color:#150322}
/* Tiers with bullet lists */
.ptn-tiers.is-apps .ptn-tier:nth-child(1){min-height:360px}
.ptn-tiers.is-apps .ptn-tier:nth-child(2){min-height:400px}
.ptn-tiers.is-apps .ptn-tier:nth-child(3){min-height:440px}
.ptn-tiers.is-apps .ptn-tier:nth-child(1) .ptn-tier-tag{color:#8700D3}
.ptn-tier-line{font-size:15px;line-height:23px;color:#42314E;margin:0}
.ptn-tier-line strong{color:#150322;font-weight:600}
.ptn-tier-list{list-style:none;margin:18px 0 0;padding:18px 0 0;border-top:1px solid #EEEAF2;display:flex;flex-direction:column;gap:10px}
.ptn-tier-list li{display:flex;gap:10px;font-size:15px;line-height:22px;color:#150322}
.ptn-tier-list svg{width:18px;height:18px;color:#8700D3;flex:none;margin-top:2px}
/* Benefits (dark) */
.ptn-benefits-head{max-width:640px}
.ptn-benefits{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 48px}
.ptn-benefits li{display:flex;gap:16px;align-items:flex-start;padding:28px 0;border-top:1px solid rgba(255,255,255,.14)}
.ptn-benefit-icon{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);color:#E3C8F7;display:flex;align-items:center;justify-content:center;flex:none}
.ptn-benefit-icon svg{width:20px;height:20px}
.ptn-benefit-h{color:#FFFFFF;font-size:17px;font-weight:700;line-height:24px}
.ptn-benefit-p{color:#D9CFE2;font-size:15px;line-height:23px;margin:6px 0 0}
/* Apply */
.ptn-apply{padding-top:32px}
.ptn-apply .hub-out-copy{align-self:start;padding-top:8px}
.ptn-steps-note{display:flex;gap:10px;align-items:center;margin:20px 0 0;padding-top:16px;border-top:1px solid #E6E2E9;font-size:14px;line-height:21px;color:#42314E}
.ptn-steps-note svg{width:18px;height:18px;color:#8700D3;flex:none}
@media (min-width:992px) and (max-width:1199px){
  .ptn-eco-grid{grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:40px}
  .ptn-eco-lbl{font-size:17px;line-height:24px}
  .ptn-journey{gap:0 16px}
  .ptn-journey>li{padding:24px 20px}
  .ptn-journey>li:not(:last-child)::after{right:-17px;width:16px}
}
@media (max-width:991px){
  .ptn-eco-grid{grid-template-columns:1fr;gap:40px}
  .ptn-journey{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:20px}
  .ptn-journey>li{grid-row:auto;display:flex;flex-direction:column}
  .ptn-journey>li::after{display:none}
  .ptn-benefits{grid-template-columns:1fr 1fr;gap:0 32px}
  .ptn-tiers.is-apps .ptn-tier:nth-child(n){min-height:0}
}
@media (max-width:767px){
  .ptn-eco{padding:16px}
  .ptn-eco-grid2{padding:20px 8px;gap:22px 4px}
  .ptn-eco-app{font-size:12px;line-height:18px}
  .ptn-eco-lbl{font-size:16px;line-height:23px}
  .ptn-eco-title{font-size:16px;line-height:22px}
  .ptn-eco-app img,.ptn-eco-plus{width:44px;height:44px}
      .ptn-fitsec{padding-top:56px;padding-bottom:56px}
  .ptn-journey{grid-template-columns:1fr;margin-top:32px}
  .ptn-benefits{grid-template-columns:1fr}
  .ptn-benefits li{padding:22px 0}
  .ptn-way,.ptn-journey>li{padding:24px}
  .ptn-apply{padding-top:8px}
}
@media (max-width:479px){
  .ptn-tl-txt{font-size:13.5px;line-height:20px}
  .ptn-tag{padding:2px 8px;font-size:12px}
}
@media (max-width:359px){.ptn-eco-grid2{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ===== App partners: design review fixes ===== */
/* One spacing rhythm for every section on this page */
.ptn-page .hub-closer,.ptn-page .hub-outcomes,.ptn-page .hub-proof{padding-top:80px;padding-bottom:80px}
/* Where you fit: the visitor's part leads, STOQ's part is quieter */
.ptn-journey-role p{font-size:14px;color:#42314E}
.ptn-journey-role.is-you{border-top:0;margin-top:14px;padding:12px 14px;background:#FFF8F1;border-left:3px solid #F07A1A;border-radius:0 12px 12px 0}
.ptn-journey-role.is-you p{font-size:15px;font-weight:600;color:#150322;margin-top:6px}
.ptn-journey>li:not(:last-child)::after{height:3px;border-radius:2px;background:#C9A6E6;top:46px}
/* Benefits: CTA beside the heading */
.ptn-benefits-top{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}
/* Apply: one closing section on lavender, checklist under the button */
.ptn-apps .ptn-applysec{background:#F7F1FB}
.ptn-applysec .ptn-steps{background:#FFFFFF;border-color:#EADCF5}
@media (max-width:767px){
  .ptn-page .hub-closer,.ptn-page .hub-outcomes,.ptn-page .hub-proof{padding-top:56px;padding-bottom:56px}
  .ptn-tl li{padding:5px 0}
  .ptn-journey{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:32px -24px 0;padding:0 24px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .ptn-journey::-webkit-scrollbar{display:none}
  .ptn-journey>li{flex:0 0 84%;scroll-snap-align:start;scroll-margin-left:24px}
  .ptn-tiers .ptn-tier{padding:20px}
  .ptn-tiers .ptn-tier h3{font-size:24px;line-height:30px;margin:14px 0 10px}
  .ptn-tier-list{margin-top:14px;padding-top:14px;gap:8px}
  .ptn-tier-list li{font-size:14.5px;line-height:21px}
  .ptn-tiers{gap:12px}
  .ptn-benefits-top{flex-direction:column;align-items:flex-start;gap:24px}
}

.ptn-apps #tiers .hub-lead{max-width:680px}
.ptn-fitline{display:flex;align-items:flex-start;gap:8px;margin:20px 0 0;font-size:15px;line-height:22px;color:#42314E}
.ptn-fitline svg{width:18px;height:18px;color:#2F7A5A;flex:none;margin-top:2px}
.ptn-applysec .hub-out-grid{align-items:center}
.ptn-applysec .hub-out-copy{align-self:center}
.ptn-launch .hub-hp-title{font-size:18px;line-height:24px}
.ptn-page .hub-hero-desc{text-wrap:balance}
.ptn-launch .hub-hp-title{text-align:left}
@media (max-width:767px){.ptn-launch .hub-hp-title{font-size:16px;line-height:22px}}
/* Partner page heroes: same breathing room on larger screens (App partners panel spacing below) */
@media (min-width:992px){
  .ptn-page .hub-hero-bg{padding-bottom:104px}
  .ptn-page .hub-crumbs{margin-bottom:56px}
  .ptn-page .hub-hero-desc{margin-top:24px}
  .ptn-page .hub-ctacol{margin-top:36px}
  .ptn-apps .ptn-launch{padding:28px 28px 22px}
  .ptn-apps .ptn-launch-product{padding:20px 0 18px}
  .ptn-apps .ptn-tl{margin-top:12px}
  .ptn-apps .ptn-tl li{padding:10px 0}
}
/* Main page: 2x2 tracks (tech & agency, app partners / affiliates, creators) */
.ptn-pair .ptn-subs{margin-top:8px}
.ptn-pair .ptn-subs li{padding:9px 0}
.ptn-pair .ptn-tl{margin-top:10px}
.ptn-pair .ptn-tl li{padding:6px 0}
.ptn-pair .ptn-tl-txt{font-size:14px}
.ptn-strip-apps{display:flex;align-items:center;gap:8px;min-height:46px}
.ptn-strip-apps img{width:32px;height:32px;border-radius:8px;display:block;background:#FFFFFF;box-shadow:0 0 0 1px rgba(21,3,34,.08)}
.ptn-strip-more{display:inline-flex;align-items:center;justify-content:center;height:32px;min-width:32px;padding:0 8px;border-radius:8px;background:#F4F1F6;font-size:13px;font-weight:600;color:#42314E}
/* Tech & agency: pointer to the App partner program */
.ptn-app-pointer{margin:12px 0 0;font-size:15px;line-height:22px;color:#42314E}
.ptn-app-pointer a{color:#8700D3;font-weight:600;text-decoration:none}
.ptn-app-pointer a:hover{text-decoration:underline}
.ptn-pair .ptn-subs li{padding:11px 0}
.ptn-pair .ptn-tl li{padding:9px 0}
.ptn-caps-short li{align-items:center}
.ptn-caps-short .hub-cap-h{margin:0}
.ptn-caps-short li{padding:14px 0}
.ptn-pair .ptn-subs li{padding:8px 0}
/* Phones: card groups become a swipeable row (main page tracks, tech & agency "Two ways in") */
@media (max-width:767px){
  .ptn-tracks,.hub-cards.ptn-pair-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-left:-24px;margin-right:-24px;padding:0 24px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .ptn-tracks::-webkit-scrollbar,.hub-cards.ptn-pair-cards::-webkit-scrollbar{display:none}
  .ptn-tracks .ptn-pair{display:contents}
  .ptn-tracks .hub-card,.hub-cards.ptn-pair-cards>.hub-card{flex:0 0 86%;scroll-snap-align:start;scroll-margin-left:24px}
  .ptn-bento{grid-template-columns:1fr 1fr;gap:12px}
  .ptn-bento .ptn-tile.is-big{grid-column:1/-1}
  .ptn-bento .ptn-tile:not(.is-big){padding:18px}
  .ptn-bento .ptn-tile:not(.is-big) .ptn-tile-tag,.ptn-bento .ptn-tile:not(.is-big) .ptn-tile-p{display:none}
  .ptn-bento .ptn-tile:not(.is-big) .ptn-tile-val{font-size:26px;line-height:32px;margin-top:14px}
  .ptn-bento .ptn-tile:not(.is-big) .ptn-tile-h{font-size:15px;line-height:21px}
}
/* Main page tracks: each card fits one laptop screen */
@media (min-width:768px){
  .ptn-tracks .ptn-pair .hub-card-h{min-height:0}
  .ptn-tracks .hub-card-top{padding-top:32px}
  .ptn-tracks .hub-mock{margin-top:20px}
  .ptn-tracks .ptn-pair .ptn-pair-widget{height:170px}
  .ptn-tracks .hub-card-body{padding-top:48px;padding-bottom:32px}
  .ptn-tracks .ptn-caps-short li{padding:10px 0}
  .ptn-tracks .hub-card-body .hub-caps{margin-bottom:20px}
  .ptn-tracks .ptn-brief-h{margin-top:10px;max-width:none}
  .ptn-tracks .ptn-brief-tags{margin-top:12px}
  .ptn-tracks .ptn-pair .ptn-tl li{padding:7px 0}
  .ptn-tracks .ptn-pair .ptn-subs li{padding:7px 0}
}
@media (min-width:768px) and (max-width:1199px){.ptn-tracks .ptn-pair .ptn-pair-widget{height:188px}}

/* ===== Design review fixes (2026-11-09) ===== */
/* One tint per track: tech & agency lavender, apps peach (matches the "Your app" tags), affiliates sand, creators mint */
.hub-card.is-app{border-color:#F4E0CC}
.hub-card.is-app .hub-card-top{background:#FDF1E6}
/* Main hero panel: client-store numbers sit under their own label, apart from the partner's commission */
.ptn-rows-lbl{margin:18px 0 0;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#6F6477;line-height:18px}
.ptn-rows-lbl + .ptn-rows{margin-top:2px}
/* Tiers: same height side by side, the tags carry the progression */
.ptn-tiers{align-items:stretch}
.ptn-tiers .ptn-tier:nth-child(n),.ptn-tiers.is-apps .ptn-tier:nth-child(n){min-height:0}
/* Directory caption readable on the dark band */
.ptn-listing-cap{font-size:13px;line-height:19px;color:#CFC4DA}
@media (max-width:767px){
  /* mock labels never below 12px */
  .hub-widget-store,.ptn-rows-lbl{font-size:12px}
  /* swipe rows: each card keeps its own height, so no gap above a card's button */
  .hub-cards.ptn-pair-cards,.ptn-tracks{align-items:flex-start}
  /* tech & agency hero: buttons full width like the other partner pages */
  .ptn-page .hub-hero .hub-ctacol{align-items:stretch}
  .ptn-page .hub-hero .hub-reviewproof{align-self:center}
  /* Apply sections: left-aligned, full-width button, like the heroes */
  .ptn-close .hub-ctacol{align-items:stretch}
  .ptn-close .hub-ctacol .button{width:100%;justify-content:space-between}
  /* Two ways cards: headings only in the benefit lists, like the main page track cards */
  .ptn-pair-cards .hub-cap-p{display:none}
  .ptn-pair-cards .hub-caps li{align-items:center}
  /* Before/after: the two storefront cards side by side, like product cards on a phone */
  .ptn-ba{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:16px}
  .ptn-ba-mid{display:none}
  .ptn-ba .ptn-long{display:none}
  .ptn-ba .ptn-short{display:inline}
  .ptn-ba-side{display:flex;flex-direction:column}
  .ptn-ba-tag{font-size:12px;letter-spacing:1.2px;margin-bottom:8px}
  .ptn-ba .hub-widget{padding:10px;flex:1}
  .ptn-ba .hub-widget-top,.ptn-ba .hub-widget-variant,.ptn-ba .hub-widget-price{display:none}
  .ptn-ba .hub-widget-row{flex-direction:column;gap:10px;margin-top:0}
  .ptn-ba .hub-widget-photo{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
  .ptn-ba .hub-widget-name{font-size:15px;line-height:20px}
  .ptn-ba .hub-widget-status{font-size:12px;margin-top:4px}
  .ptn-ba .hub-widget-btn{margin-top:10px;padding:9px 8px;font-size:12.5px;line-height:18px;border-radius:8px}
  .ptn-ba-out{margin-top:10px;padding:10px;gap:8px;font-size:13px;line-height:18px;align-items:flex-start;border-radius:12px}
  .ptn-ba-out svg{width:16px;height:16px;margin-top:1px}
}
@media (max-width:767px){.hub-widget-store{letter-spacing:1px}}

/* ===== Tech & agency tiers: Registered + Trusted (2026-11-09) ===== */
.ptn-tiers.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.ptn-tiers.is-two .ptn-tier:nth-child(2){background:#FAF4FE;border-color:#E7CDF8}
.ptn-tiers.is-two .ptn-tier:nth-child(2) .ptn-tier-icon{background:#8700D3;color:#FFFFFF}
.ptn-tiers.is-two .ptn-tier:nth-child(2) .ptn-tier-tag{color:#8700D3}
.ptn-tiers.is-two .ptn-tier:nth-child(2) dd+dt{border-top-color:#EBDDF6}
.ptn-tiers.is-two .ptn-tier-list{margin-top:10px;padding-top:0;border-top:0}
.ptn-tier-lead{margin:0;font-size:15px;line-height:23px;font-weight:600;color:#150322}
@media (max-width:991px){.ptn-tiers.is-two{grid-template-columns:1fr}}

/* ===== Consistency pass across the 3 partner pages (2026-11-09) ===== */
/* Every section heading uses one scale (light, dark and FAQ sections) */
.ptn-page .hub-proof-h,.ptn-page .hub-faq-h{font-size:40px;line-height:48px;letter-spacing:-0.8px}
.ptn-page .hub-h2{margin-top:0}
.ptn-page .hub-eyebrow + .hub-h2,.ptn-page .hub-eyebrow + .hub-proof-h{margin-top:12px}
.ptn-page .hub-proof-h + .ptn-dir-p{margin-top:12px}
/* Hero panel titles: same size on all three heroes */
.ptn-launch .hub-hp-title{font-size:20px;line-height:26px}
/* Feature-row titles and their text: one size everywhere */
.ptn-fitrow-h,.ptn-benefit-h,.ptn-eco-lbl,.ptn-reward-h{font-size:18px;line-height:25px}
.ptn-fitrow-p,.ptn-tile-p{font-size:15px;line-height:23px}
/* Captions on dark bands */
.ptn-quote-tag,.hub-quote-link,.ptn-listing-cap{font-size:13px;line-height:19px;color:#CFC4DA}
/* Links inside answers and cards look like links */
.hub-faq-answer a{color:#8700D3;font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.hub-cap-p a{font-weight:600}
/* Tier micro labels match the other in-card labels */
.ptn-tier dt{font-size:12px;letter-spacing:1.5px}
/* Same gap from a section's intro to its content */
.ptn-journey{margin-top:40px}
.ptn-eco-grid{align-items:start}
.ptn-apply .hub-out-copy{padding-top:0}
/* Every Apply section is the same lavender closing band */
.ptn-page .ptn-close{background:#F7F1FB}
.ptn-close .ptn-steps{background:#FFFFFF;border-color:#EADCF5}
/* Card buttons stay on one line */
.hub-cta span{white-space:nowrap}
@media (max-width:767px){
  .ptn-page .hub-proof-h,.ptn-page .hub-faq-h{font-size:30px;line-height:36px}
  .ptn-page .hub-hp-title,.ptn-launch .hub-hp-title{font-size:18px;line-height:24px}
  .ptn-fitrow-h,.ptn-benefit-h,.ptn-eco-lbl,.ptn-reward-h{font-size:17px;line-height:24px}
  .ptn-journey{margin-top:40px}
}
/* "+ more" chip in the App partners card: never squeezed; fewer icons where the card is narrow */
.ptn-strip-more{flex:none;white-space:nowrap;padding:0 10px}
@media (min-width:992px) and (max-width:1199px){.ptn-strip-apps img:nth-of-type(n+5){display:none}}
@media (max-width:767px){.ptn-strip-apps img:nth-of-type(n+4){display:none}}
@media (max-width:359px){.ptn-strip-apps img:nth-of-type(n+3){display:none}}
@media (min-width:992px) and (max-width:1199px){.ptn-strip-apps img:nth-of-type(n+4){display:none}}
@media (max-width:767px){.ptn-strip-apps{gap:6px}.ptn-strip-apps img{width:28px;height:28px}.ptn-strip-more{height:28px;padding:0 8px;font-size:12.5px}}
/* Hero line breaks: balanced headlines, no single word left alone in text (2026-11-09) */
.ptn-page .hub-h1,.ptn-page .hub-hp-title{text-wrap:balance}
.ptn-page .hub-hero-panel p,.ptn-earn-lbl,.ptn-rows-p,.ptn-feed-p,.ptn-feed-foot span,.ptn-tl-txt{text-wrap:pretty}
/* Main hero panel: the period labels the client-store numbers, not the commission rate */
.ptn-rows-lbl{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.ptn-rows-period{font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;color:#796E81}
.ptn-page .hub-hero-desc{text-wrap:balance}
@media (min-width:992px) and (max-width:1199px){.ptn-page .hub-hero-desc{font-size:17px;max-width:none}}
@media (max-width:479px){.ptn-apps .hub-hero-desc{text-wrap:pretty}}