/* icookmagic partner programme - page styles.
   Sizes and colours from XD "icookmagic_2026_design_19_sept12102026_partner_dashboard_4"
   (boards: our magic partner, fulfillment partner, hyperlocal, Social Commerce Partner, Local vendor partner)
   and "partner_program__final_9_categories__07". Values at 1920 scale down with clamp(). */

.pp{--g:#878787;--soft:var(--pink-soft);--wash:var(--pink-wash)}
.pp .sample{display:inline-block;background:#F0F0F0;color:#555;border-radius:8px;padding:0 8px;font-size:var(--fs-xs);font-weight:600;letter-spacing:.02em;vertical-align:middle}
.pp .draft{display:inline-block;background:#FFF4D6;color:#7A5300;border:1px dashed #C99A2E;border-radius:8px;padding:0 8px;font-size:var(--fs-xs);font-weight:700}
.pp h1,.pp h2,.pp h3{margin:0}
.pp p{margin:0}
.pp .lead{font-size:var(--fs-s);color:#333}
.pp .small{font-size:var(--fs-s);color:var(--grey)}

/* ---------- landing: hero (XD 1920: title Bodoni 80 at 210,242; counter 1106,196 723x161) ---------- */
.pp-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(24px,3vw,48px) 0 clamp(24px,2.4vw,48px);flex-wrap:wrap}
.pp-hero h1{font-family:var(--serif);font-weight:400;font-size:var(--fs-xxl);line-height:1.18;color:#000;padding-left:clamp(0px,6vw,48px)}
.pp-hero h1 .ul{display:inline-block;border-bottom:3px solid var(--pink);padding-bottom:8px;padding-right:clamp(0px,6.5vw,48px)}
.pp-count{position:relative;background:#fff;border-radius:var(--r-l);padding:var(--sp-3) var(--sp-5);text-align:center;box-shadow:4px 4px 0 var(--pink)}
.pp-count::before{content:"";position:absolute;inset:0;border-radius:var(--r-l);border:2px solid #f3f3f3;pointer-events:none}
.pp-count .lbl{color:var(--pink);font-weight:600;font-size:var(--fs-s);line-height:1.2}
.pp-count .digits{display:flex;gap:clamp(4px,.4vw,8px);justify-content:center;margin-top:4px}
.pp-count .digits span{width:var(--count-d);height:var(--count-d);border-radius:50%;background:var(--pink);color:#fff;font-weight:700;font-size:var(--fs-l);line-height:1;display:flex;align-items:center;justify-content:center}
.pp-count .note{margin-top:8px}

/* role tabs (XD 727-731: pills #FFE5EE, active #E32C6F, text 40 pink/white) */
.pp-tabs{display:flex;justify-content:space-around;gap:var(--sp-3);flex-wrap:wrap;margin:clamp(8px,1vw,24px) 0 clamp(24px,2.4vw,48px)}
.pp-tab{border:0;cursor:pointer;background:var(--soft);color:var(--pink);font-family:var(--sans);font-size:var(--fs-s);line-height:1.2;border-radius:999px;padding:0 var(--sp-4);min-height:var(--btn-h);position:relative}
.pp-tab[aria-selected=true]{background:var(--pink);color:#fff}
.pp-tab[aria-selected=true]::after{content:"";position:absolute;left:8%;right:8%;bottom:-8px;border-bottom:2px solid var(--pink)}

/* people cards (XD 2003 white 1744x499 on neon 2028 offset; cards 274x409 pink offset) */
.pp-people{position:relative;margin:0 0 clamp(32px,3vw,48px)}
.pp-people .frame{background:#fff;border-radius:clamp(16px,2vw,16px);box-shadow:clamp(5px,.6vw,11px) clamp(6px,.7vw,13px) 0 var(--neon);padding:clamp(16px,2.7vw,48px) clamp(12px,2.7vw,48px)}
.pp-people .row{display:grid;grid-template-columns:274fr 274fr 274fr 420fr 271fr;gap:clamp(12px,1.7vw,32px)}
.pp-pc{background:#fff;border-radius:clamp(16px,1.4vw,16px);box-shadow:4px 4px 0 var(--pink);text-align:center;padding:var(--sp-4) var(--sp-2);display:flex;flex-direction:column;align-items:center}
.pp-pc img{width:64px;height:64px;object-fit:contain}
.pp-pc .n{color:var(--pink);font-weight:700;font-size:var(--fs-l);line-height:1.1;margin-top:var(--sp-3)}
.pp-pc .t{font-size:var(--fs-m);color:#000;margin-top:clamp(4px,.8vw,16px)}
.pp-people .foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-top:clamp(16px,1.6vw,24px);font-size:var(--fs-s)}
.pp-people .foot a{color:var(--pink-deep);font-weight:600}

/* find band (XD 2009 black 1938x299; selects #F1EFEF; Find Partner 243x40) */
.pp-find{background:#000;color:#fff;padding:clamp(16px,1.6vw,32px) 0 clamp(16px,1.6vw,32px)}
.pp-find .top{display:flex;align-items:center;justify-content:center;gap:clamp(16px,2.3vw,48px);flex-wrap:wrap}
.pp-find h2{font-family:var(--serif);font-weight:400;font-size:var(--fs-l);line-height:1.15;color:#fff;border-bottom:3px solid var(--neon);padding:0 clamp(4px,1vw,24px) 4px}
.pp-pin{display:flex;align-items:center;background:#F1EFEF;border-radius:16px;box-shadow:2px 3px 0 #28FF00;height:44px;padding:0 8px 0 16px}
.pp-pin input{border:0;background:none;font-size:var(--fs-s);color:#0D0D0D;width:clamp(120px,9vw,170px);outline:none;font-family:var(--sans);height:40px}
.pp-pin input::placeholder{color:#0D0D0D}
.pp-pin button{border:0;background:none;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.pp-pin svg{width:24px;height:24px}
.pp-find .sels{display:grid;grid-template-columns:repeat(3,minmax(0,306px));justify-content:space-between;gap:16px;max-width:1340px;margin:clamp(16px,2.2vw,48px) auto 0}
.pp-sel{position:relative;display:flex;align-items:center;background:#F1EFEF;border-radius:16px;height:clamp(44px,2.8vw,54px);padding-left:8px}
.pp-sel .ic{width:clamp(34px,3vw,58px);height:clamp(30px,2.4vw,46px);border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.pp-sel .ic img{width:72%;height:80%;object-fit:contain}
.pp-sel select{appearance:none;-webkit-appearance:none;border:0;background:transparent;font-family:var(--sans);font-size:var(--fs-s);color:#999;width:100%;height:100%;padding:0 48px 0 16px;cursor:pointer;outline:none}
.pp-sel select.has{color:#2F3236}
.pp-sel::after{content:"";position:absolute;right:16px;top:50%;margin-top:-8px;border:10px solid transparent;border-top:13px solid #999;border-bottom:0;pointer-events:none}
.pp-find .go{display:flex;justify-content:center;margin-top:clamp(16px,1.6vw,32px)}
.pp-find .go button{background:#F1EFEF;color:#2F3236;border:0;border-radius:999px;font-weight:600;font-size:var(--fs-s);line-height:1;min-height:var(--btn-h);padding:0 clamp(16px,1.2vw,24px);cursor:pointer;font-family:var(--sans)}
.pp-find .msg{text-align:center;color:#ddd;font-size:var(--fs-s);margin-top:12px;min-height:20px}

/* map section (XD 2002 #FAFAFA 1938x1057; India map 898x1057; cards 572x247 green outline grey offset) */
.pp-meet{text-align:center;font-size:var(--fs-s);text-decoration:underline;text-underline-offset:5px;margin:clamp(24px,2vw,48px) 16px clamp(8px,.6vw,12px);color:#000}
.pp-mapsec{position:relative;background:#FAFAFA;padding:clamp(24px,2.5vw,48px) 0 clamp(24px,3vw,48px)}
.pp-mapgrid{position:relative;display:grid;grid-template-columns:1fr minmax(0,720px) 1fr;align-items:start;max-width:1920px;margin:0 auto}
.pp-map{grid-column:2;position:relative}
.pp-map img{width:100%;height:auto}
.pp-map .pin{position:absolute;width:clamp(16px,1.2vw,24px);height:clamp(22px,1.6vw,32px);transform:translate(-50%,-100%);border:0;padding:0;background:none;cursor:pointer}
.pp-map .pin svg{width:100%;height:100%;display:block}
.pp-cards{position:absolute;inset:0;pointer-events:none}
.pp-card{pointer-events:auto;position:absolute;width:min(29.8vw,572px);background:#fff;border:2px solid var(--neon);border-radius:clamp(8px,.9vw,16px);box-shadow:8px 7px 0 #999;display:grid;grid-template-columns:auto 1fr;gap:8px clamp(12px,1.4vw,24px);padding:clamp(12px,1.2vw,24px) clamp(12px,1.4vw,24px);text-align:left}
.pp-card img{width:clamp(64px,5.2vw,100px);height:clamp(64px,5.2vw,100px);border-radius:50%;object-fit:cover}
.pp-card .nm{font-size:var(--fs-m);line-height:1.2}
.pp-card .ph{font-weight:600;font-size:var(--fs-s);line-height:1.3}
.pp-card .ct{font-weight:600;font-size:var(--fs-s);line-height:1.3}
.pp-card .who{grid-column:1;justify-self:center;font-weight:600;font-size:var(--fs-s);color:#2F3236;background:var(--soft);border-radius:8px;padding:0 12px;white-space:nowrap}
.pp-card .who.g{background:var(--neon)}
.pp-card .sample{position:absolute;right:10px;top:-11px}
.pp-explore{position:absolute;right:clamp(16px,2.5vw,48px);bottom:clamp(0px,4vw,80px);background:var(--pink-band);color:#fff;font-weight:600;font-size:var(--fs-s);border-radius:999px;padding:0 clamp(16px,1vw,24px);min-height:var(--btn-h);display:inline-flex;align-items:center;text-decoration:none}
.pp-maplist{display:none}

/* roles overview */
.pp-roles h2,.pp-sec-h{font-family:var(--serif);font-weight:400;font-size:var(--fs-l);line-height:1.15;color:#000}
.pp-roles .sub{margin:12px 0 24px;color:#444;font-size:var(--fs-s)}
.pp-rgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.2vw,24px)}
.pp-rc{background:#fff;border-radius:16px;box-shadow:5px 6px 0 var(--pink);padding:16px 16px 16px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:#111;min-height:100%}
.pp-rc img{width:100%;height:120px;object-fit:contain}
.pp-rc .k{color:var(--pink);font-weight:700;font-size:var(--fs-m);line-height:1.25}
.pp-rc .d{font-size:var(--fs-s);color:#444;flex:1}
.pp-rc .go{color:var(--pink-deep);font-weight:600;font-size:var(--fs-s)}
.pp-rc.later{box-shadow:5px 6px 0 #C8C8C8}
.pp-rc.later .k{color:#707070}
.pp-later{display:inline-block;background:#F2F2F2;color:#555;border-radius:8px;padding:2px 12px;font-size:var(--fs-xs);font-weight:700;align-self:flex-start}
.pp-open{display:inline-block;background:#E6F7E6;color:#1E7A1E;border-radius:8px;padding:2px 12px;font-size:var(--fs-xs);font-weight:700;align-self:flex-start}
.pp-creators{margin-top:clamp(16px,2vw,32px);display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.pp-creators .chip{cursor:default;background:#F2F2F2;color:#555}

.pp-money{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,1.6vw,32px)}
.pp-money .panel-pk h3{font-size:var(--fs-m);margin-bottom:12px;color:#000}
.pp-money ul{margin:0;padding-left:24px;font-size:var(--fs-s);line-height:1.6}

/* neon band (XD 649 #39FF14 1702x155; Apply pill #D7FFCF 254x61, text #179100 bold 40) */
.pp-neon{background:var(--neon);border-radius:999px;box-shadow:0 10px 12px -8px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;gap:clamp(16px,2vw,48px);padding:clamp(16px,1.4vw,24px) clamp(24px,2.4vw,48px);margin:clamp(32px,2.9vw,48px) auto 0;max-width:1702px;text-align:center;flex-wrap:wrap}
.pp-neon .t1{font-size:var(--fs-l);line-height:1.1;color:#000}
.pp-neon .t2{font-size:var(--fs-s);line-height:1.25;color:#000}
.pp-neon a{background:#D7FFCF;color:#179100;font-weight:700;font-size:var(--fs-m);border-radius:999px;padding:0 clamp(16px,.9vw,16px);min-height:var(--btn-h);display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}
.pp-magic{text-align:center;color:var(--pink-band);font-weight:600;font-size:var(--fs-s);margin:clamp(16px,2vw,48px) 0 clamp(16px,2.4vw,48px)}
.pp-cert-h{text-align:center;color:var(--grey);font-size:var(--fs-l);margin-bottom:8px}
.pp-certs{background:#F7F7F7;padding:16px 16px}
.pp-certs .row{display:flex;justify-content:center;align-items:center;gap:clamp(8px,1.2vw,24px);flex-wrap:wrap;max-width:1300px;margin:0 auto}
.pp-certs img{height:auto;max-height:92px;object-fit:contain}
.pp-certs .note{text-align:center;font-size:var(--fs-xs);color:#555;margin-top:8px}

/* ---------- role page (XD role boards 1920x1326) ---------- */
.pp-board{position:relative;background:#fff;border-radius:clamp(16px,1.6vw,16px);box-shadow:clamp(6px,.85vw,16px) clamp(8px,.8vw,15px) 0 var(--soft);border:1px solid #f4f4f4;padding:clamp(24px,2.4vw,48px) clamp(16px,2.2vw,48px) clamp(24px,3vw,48px);margin:clamp(24px,2vw,32px) 0 clamp(32px,3vw,48px);overflow:hidden}
.pp-board .vword{position:absolute;right:clamp(8px,1.4vw,26px);top:clamp(80px,10vw,198px);writing-mode:vertical-rl;text-orientation:upright;color:var(--g);font-weight:700;font-size:var(--fs-l);line-height:1;letter-spacing:-.06em;user-select:none}
.pp-board .inner{margin-right:clamp(0px,5vw,48px)}
.pp-rhead{display:grid;grid-template-columns:1fr minmax(0,430px);gap:24px;align-items:center}
.pp-rhead h1{font-family:var(--serif);font-weight:400;font-size:var(--fs-xxl);line-height:1.15;color:#000;display:inline-block;border-bottom:3px solid var(--pink);padding-bottom:8px}
.pp-rhead .intro{margin-top:16px;font-size:var(--fs-m);color:#434343;max-width:820px}
.pp-rhead .acts{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}
.pp-rhead img{width:100%;max-height:430px;object-fit:contain}
.pp-btn-soft{background:var(--soft);color:var(--pink);font-weight:600;font-size:var(--fs-s);border:0;border-radius:8px;min-height:var(--btn-h);padding:0 clamp(16px,1.2vw,24px);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;font-family:var(--sans)}
.pp-h-grey{color:var(--g);font-weight:700;font-size:var(--fs-l);line-height:1.2;display:flex;align-items:center;gap:16px}
.pp-h-grey::before{content:"";width:clamp(20px,2vw,38px);border-top:3px solid var(--pink);flex:none}
.pp-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,2.4vw,48px);margin-top:clamp(16px,1.4vw,24px)}
.pp-step{position:relative;border-radius:16px;background:var(--soft);padding:clamp(16px,1.4vw,24px) clamp(12px,1.2vw,24px) clamp(12px,1vw,16px);text-align:left;min-height:clamp(170px,13.5vw,259px);display:flex;flex-direction:column}
.pp-step:nth-child(even){background:#fff;border:1px solid #f0d6df}
.pp-step img{width:clamp(44px,4.4vw,84px);height:clamp(36px,3.6vw,68px);object-fit:contain;margin:0 auto clamp(12px,1.4vw,24px);image-rendering:auto}
.pp-step .t{color:var(--pink);font-weight:600;font-size:var(--fs-m);line-height:1.25;border-bottom:2px solid var(--pink);padding-bottom:8px;flex:1}
.pp-step .c{color:var(--grey);font-size:var(--fs-s);margin-top:8px;min-height:1.3em}
.pp-step:not(:last-child)::after{content:"";position:absolute;right:calc(-1 * clamp(10px,2.4vw,47px) / 2 - 7px);top:50%;border:9px solid transparent;border-left:13px solid #C8C8C8;margin-top:-8px}
.pp-two{display:grid;grid-template-columns:768fr 759fr;gap:clamp(16px,2.8vw,48px);margin-top:clamp(24px,3.6vw,48px)}
.pp-box{border-radius:16px;padding:clamp(16px,1.6vw,32px) clamp(16px,2vw,32px);position:relative}
.pp-box.w{background:#fff;border:1px solid #eee}
.pp-box.p{background:var(--soft)}
.pp-dots{list-style:none;margin:16px 0 0;padding:0;font-size:var(--fs-s);color:var(--g);line-height:1.5}
.pp-dots li{position:relative;padding-left:24px;margin:4px 0}
.pp-dots li::before{content:"";position:absolute;left:2px;top:.55em;width:11px;height:11px;border-radius:50%;background:var(--pink)}
.pp-lakh{position:absolute;right:clamp(14px,2vw,40px);top:clamp(20px,2.4vw,46px);width:clamp(110px,9vw,170px);height:clamp(110px,9vw,170px);border-radius:50%;background:var(--soft);color:var(--pink);font-weight:700;font-size:var(--fs-m);line-height:1.1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.pp-box.w .with-lakh{padding-right:calc(clamp(110px,9vw,170px) + clamp(14px,2vw,40px) + 12px)}
.pp-box .pimg{position:absolute;right:12px;bottom:10px;width:clamp(80px,9vw,170px);opacity:1}
.pp-box.p .with-img{padding-right:clamp(48px,9vw,48px)}
.pp-terr{display:grid;grid-template-columns:1fr 603px;gap:clamp(16px,2.4vw,48px);margin-top:clamp(24px,2.4vw,48px);background:#fff;border:1px solid #eee;border-radius:16px;padding:clamp(16px,1.6vw,32px) clamp(16px,2vw,32px);align-items:start}
.pp-earn{background:#fff;border-radius:16px;box-shadow:7px 9px 0 var(--neon);border:1px solid #eee;padding:clamp(16px,1.4vw,24px);text-align:center}
.pp-earn .h{color:var(--pink);font-weight:700;font-size:var(--fs-l);line-height:1.2}
.pp-earn .v{color:var(--pink);font-weight:700;font-size:var(--fs-l);line-height:1.2;margin:8px 0}
.pp-earn .acts{display:flex;justify-content:center;gap:16px;margin-top:16px;flex-wrap:wrap}

/* 9-categories board pieces: dark grey heading pills */
.pp-gh{display:inline-block;background:#434343;color:#fff;font-weight:700;font-size:var(--fs-m);line-height:1.25;border-radius:8px;padding:4px clamp(16px,1.6vw,32px)}
.pp-center{text-align:center}
.pp-dolist{background:#F2F2F2;border-radius:16px;padding:clamp(16px,1.6vw,32px) clamp(16px,2vw,48px);margin-top:16px;counter-reset:d}
.pp-dolist li{list-style:none;counter-increment:d;font-size:var(--fs-s);color:#434343;margin:8px 0;padding-left:32px;position:relative}
.pp-dolist li::before{content:counter(d) ")";position:absolute;left:0;color:#434343}
.pp-dolist ul{margin:0;padding:0}
.pp-who{margin-top:16px;display:grid;gap:12px}
.pp-who p{font-size:var(--fs-s);color:#707070}
.pp-who b{color:#434343}
.pp-anyone{background:#F2F2F2;text-align:center;font-weight:700;font-size:var(--fs-s);padding:12px 16px;margin-top:16px;border-radius:8px}
.pp-need{display:grid;grid-template-columns:1fr minmax(0,436px);gap:24px;align-items:center;margin-top:clamp(24px,3vw,48px)}
.pp-need h3{margin-top:16px}
.pp-need h3:first-child{margin-top:0}
.pp-need ul{margin:12px 0 0;padding:0 0 0 4px;list-style:none;font-size:var(--fs-s);color:#707070}
.pp-need li{padding-left:32px;position:relative;margin:4px 0}
.pp-need li::before{content:"";position:absolute;left:0;top:.35em;width:16px;height:16px;border-radius:50%;background:#F5B731}
.pp-need ul.ok li::before{background:#1E8E3E}
.pp-steps4{display:grid;gap:16px;margin-top:24px}
.pp-s4{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;border:2px solid var(--pink);border-radius:16px;padding:16px 16px;background:#fff}
.pp-s4 .n{width:48px;height:48px;border-radius:50%;background:#434343;color:#fff;font-weight:700;font-size:var(--fs-l);display:flex;align-items:center;justify-content:center}
.pp-s4 h3{font-size:var(--fs-m);color:#000;margin-bottom:8px}
.pp-s4 ul{margin:0;padding-left:24px;font-size:var(--fs-s)}
.pp-flow3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.pp-flow3 div{background:#F2F2F2;border-radius:16px;padding:16px 16px;display:flex;gap:16px;align-items:center}
.pp-flow3 b{width:72px;height:72px;flex:none;border-radius:50%;background:#434343;color:#fff;font-size:var(--fs-m);display:flex;align-items:center;justify-content:center}
.pp-flow3 span{font-size:var(--fs-s)}
.pp-flow3 strong{display:block;font-size:var(--fs-m)}
.pp-soon{background:#FFF4D6;color:#7A5300;border-radius:12px;padding:16px 16px;font-weight:600;margin-top:16px}

/* ---------- forms / apply / onboarding / training ---------- */
.pp-page{max-width:1100px;margin:0 auto}
.pp-title{font-family:var(--serif);font-weight:400;font-size:var(--fs-xl);line-height:1.15;color:#000}
.pp-title .ul{border-bottom:3px solid var(--pink);padding-bottom:4px}
.pp-progress{display:flex;gap:8px;margin:24px 0 8px;flex-wrap:wrap}
.pp-progress span{flex:1 1 0;min-width:28px;height:8px;border-radius:4px;background:#EEE}
.pp-progress span.done{background:var(--pink)}
.pp-progress span.on{background:var(--pink);opacity:.5}
.pp-stepname{font-size:var(--fs-s);color:var(--grey);margin-bottom:16px}
.pp-panel{background:#fff;border-radius:16px;box-shadow:6px 7px 0 var(--soft);border:1px solid #f1f1f1;padding:clamp(16px,2vw,32px)}
.pp-panel h2{font-size:var(--fs-l);margin-bottom:8px;color:#000}
.pp-panel .help{color:#555;font-size:var(--fs-s);margin-bottom:16px}
.pp-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pp-choice{display:flex;gap:16px;align-items:center;text-align:left;border:2px solid #E6E6E6;background:#fff;border-radius:16px;padding:12px 16px;cursor:pointer;min-height:76px;font-family:var(--sans);width:100%}
.pp-choice img{width:72px;height:56px;object-fit:contain;flex:none}
.pp-choice b{display:block;font-size:var(--fs-m);color:#111}
.pp-choice small{display:block;font-size:var(--fs-s);color:#555}
.pp-choice[aria-pressed=true]{border-color:var(--pink);background:var(--pink-wash)}
.pp-choice[disabled]{opacity:.55;cursor:not-allowed}
.pp-radios{display:flex;flex-wrap:wrap;gap:12px}
.pp-radios label{display:flex;align-items:center;gap:8px;border:2px solid #E6E6E6;border-radius:16px;padding:0 16px;min-height:44px;cursor:pointer;font-size:var(--fs-s);background:#fff}
.pp-radios input{accent-color:var(--pink-deep);width:18px;height:18px}
.pp-radios label:has(input:checked){border-color:var(--pink);background:var(--pink-wash)}
.pp-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px;flex-wrap:wrap}
.pp-nav .btn{min-width:140px}
.pp-result{border-radius:16px;padding:16px 16px;margin-top:16px;font-size:var(--fs-s)}
.pp-result.ok{background:#E6F7E6;color:#145A14}
.pp-result.no{background:#FDE3EA;color:#8E1240}
.pp-result.unk{background:#FFF4D6;color:#6A4800}
.pp-result b{font-size:var(--fs-m)}
.pp-otp{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.pp-otp .field{flex:1;min-width:180px}
.pp-file{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px dashed #CFCFCF;border-radius:8px;padding:12px 12px;font-size:var(--fs-s)}
.pp-file input{font-size:var(--fs-s);max-width:100%}
.pp-file .fn{color:#1E7A1E;font-weight:600}
.pp-agree{border:1px solid #eee;border-radius:12px;max-height:420px;overflow:auto;padding:16px 16px;background:#FCFCFC}
.pp-agree ol{margin:0;padding-left:24px}
.pp-agree li{margin:8px 0;font-size:var(--fs-s)}
.pp-check{display:flex;gap:12px;align-items:flex-start;font-size:var(--fs-s);margin-top:16px;cursor:pointer}
.pp-check input{width:20px;height:20px;accent-color:var(--pink-deep);margin-top:2px;flex:none}
.pp-plan{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pp-plan .opt{border:2px solid #E6E6E6;border-radius:16px;padding:16px 16px;background:#fff}
.pp-plan .opt.on{border-color:var(--pink);background:var(--pink-wash)}
.pp-plan .opt.off{opacity:.6}
.pp-plan h3{font-size:var(--fs-m);margin-bottom:8px}
.pp-plan table{width:100%;border-collapse:collapse;font-size:var(--fs-s)}
.pp-plan td{padding:8px 4px;border-bottom:1px solid #eee;vertical-align:top}
.pp-plan td:last-child{text-align:right;font-weight:700;white-space:nowrap}
.pp-sum{display:flex;justify-content:space-between;font-weight:700;padding-top:8px}
.pp-big{font-size:var(--fs-l);font-weight:700;color:var(--pink-deep)}
.pp-idbox{background:var(--pink-wash);border-radius:16px;padding:16px 16px;display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:var(--fs-s);margin:16px 0}
.pp-idbox b{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:var(--fs-s);word-break:break-all}
.pp-status{display:inline-block;border-radius:8px;padding:2px 12px;font-size:var(--fs-xs);font-weight:700}
.st-done{background:#E6F7E6;color:#1E7A1E}.st-wait{background:#FFF1D6;color:#A86400}.st-todo{background:#F2F2F2;color:#555}.st-bad{background:#FDE3EA;color:#C2185B}
.pp-ob{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.pp-list{display:grid;gap:12px}
.pp-item{background:#fff;border:1px solid #eee;border-radius:16px;padding:16px 16px;display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center}
.pp-item .no{width:36px;height:36px;border-radius:50%;background:#F2F2F2;color:#555;font-weight:700;display:flex;align-items:center;justify-content:center}
.pp-item.ok .no{background:var(--pink);color:#fff}
.pp-item h3{font-size:var(--fs-s);color:#111}
.pp-item p{font-size:var(--fs-s);color:#555;margin-top:2px}
.pp-next{background:#000;color:#fff;border-radius:16px;padding:16px 24px}
.pp-next h3{color:var(--neon-text);font-size:var(--fs-s);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}
.pp-next p{font-size:var(--fs-s);margin-bottom:16px}
.pp-preview{background:#F7F7F7;border:1px dashed #BDBDBD;border-radius:16px;padding:16px 16px;margin-top:16px;font-size:var(--fs-s);color:#444}
.pp-preview .btn{margin:8px 8px 0 0}
.pp-ledger td,.pp-ledger th{font-size:var(--fs-s)}
.pp-mod{display:grid;gap:12px}
.pp-modi{background:#fff;border:1px solid #eee;border-radius:16px;padding:16px 16px;display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center}
.pp-modi .wk{width:52px;height:52px;border-radius:12px;background:var(--soft);color:var(--pink);font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--fs-xs);line-height:1.1}
.pp-modi .wk b{font-size:var(--fs-m)}
.pp-modi.done .wk{background:var(--pink);color:#fff}
.pp-modi h3{font-size:var(--fs-m)}
.pp-modi p{font-size:var(--fs-s);color:#555}
.pp-bar{height:12px;border-radius:8px;background:#EEE;overflow:hidden;margin:8px 0}
.pp-bar i{display:block;height:100%;background:var(--pink)}
.pp-cert{border:3px double var(--pink);border-radius:16px;padding:32px 24px;text-align:center;background:#fff}
.pp-cert .t{font-family:var(--serif);font-size:var(--fs-m)}
.pp-cert .nm{font-family:var(--serif);font-style:italic;font-size:var(--fs-m);color:var(--pink-deep);margin:12px 0}
.pp-q{border:1px solid #eee;border-radius:12px;padding:16px 16px;margin-top:12px}
.pp-q p{font-weight:600;margin-bottom:8px}
.pp-q label{display:flex;gap:12px;align-items:center;min-height:40px;font-size:var(--fs-s);cursor:pointer}
.pp-q input{width:18px;height:18px;accent-color:var(--pink-deep)}
.pp-res{display:grid;gap:12px;margin-top:24px}
.pp-resrow{background:#fff;border:1px solid #eee;border-radius:16px;padding:16px 16px}
.pp-resrow h3{font-size:var(--fs-m);margin-bottom:8px}
.pp-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.pp-slot{display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:8px;background:#FAFAFA;padding:8px 12px;font-size:var(--fs-s);min-height:44px}
.pp-slot a{color:var(--pink-deep);font-weight:700}

@media print{.im-top,.im-band,.im-foot,.proto-note,.noprint{display:none!important}.pp-cert{border-color:#000}}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .pp-rgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pp-mapgrid{grid-template-columns:1fr}
  .pp-map{grid-column:1;max-width:620px;margin:0 auto;width:100%}
  .pp-cards{display:none}
  .pp-maplist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
  .pp-maplist .pp-card{position:relative;width:auto;left:auto!important;top:auto!important}
  .pp-explore{position:static;margin:24px auto 0;display:flex;width:max-content}
  .pp-terr{grid-template-columns:1fr}
  .pp-ob{grid-template-columns:1fr}
}
@media (max-width:900px){
  .pp-hero{justify-content:center;text-align:center}
  .pp-hero h1{padding-left:0}
  .pp-people .row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pp-step:not(:last-child)::after{display:none}
  .pp-two,.pp-money,.pp-need,.pp-rhead,.pp-plan{grid-template-columns:1fr}
  .pp-rhead img{max-height:260px}
  .pp-board .inner{margin-right:clamp(0px,7vw,48px)}
}
@media (max-width:640px){
  .pp-tabs{justify-content:flex-start;gap:8px}
  .pp-tab{font-size:var(--fs-s)}
  .pp-people .row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pp-people .row .pp-pc:last-child{grid-column:1/-1}
  .pp-find .sels{grid-template-columns:1fr;max-width:420px}
  .pp-rgrid{grid-template-columns:1fr 1fr}
  .pp-maplist{grid-template-columns:1fr}
  .pp-choices{grid-template-columns:1fr}
  .pp-flow3{grid-template-columns:1fr}
  .pp-board .vword{display:none}
  .pp-board .inner{margin-right:0}
  .pp-lakh{position:static;margin:16px 0 0}
  .pp-box.w .with-lakh,.pp-box.p .with-img{padding-right:0}
  .pp-box .pimg{position:static;margin:12px auto 0}
  .pp-neon{border-radius:16px}
  .pp-modi{grid-template-columns:44px 1fr}
  .pp-modi .btn{grid-column:1/-1}
  .pp-modi .wk{width:44px;height:44px}
  .pp-item{grid-template-columns:32px 1fr}
  .pp-item>:last-child{grid-column:1/-1;justify-self:start}
  .pp-idbox{grid-template-columns:1fr}
}
@media (max-width:420px){.pp-rgrid{grid-template-columns:1fr}.pp-count .digits span{width:36px;height:38px;font-size:var(--fs-l)}}
@media (max-width:640px){.pp-hero h1 .ul{padding-right:0}}

/* ---------- Owner's 11 rules (17 Oct) ---------- */
.pp-neon a{min-height:var(--btn-h)}
.pp-hero .pp-apply{display:inline-flex;align-items:center;min-height:var(--btn-h);padding:0 var(--sp-5);margin-top:var(--sp-4);border-radius:var(--r-pill);background:var(--pink-deep);color:#fff;font-weight:600;font-size:var(--fs-s);text-decoration:none}
.pp-tab{color:#E04B83}
.pp-tab.on,.pp-tab[aria-selected=true]{color:#fff}

/* v3: Apply Now sits under the title; tabs spread across the width as on the XD board */
.pp-ttl{display:flex;flex-direction:column;align-items:flex-start}.pp-ttl .pp-apply{margin-left:clamp(0px,6vw,48px)}
@media (max-width:900px){.pp-ttl{align-items:center}.pp-ttl .pp-apply{margin-left:0}}
@media (min-width:1200px){.pp-tabs{margin-bottom:var(--sp-4)}.pp-tab{font-size:var(--fs-m);min-height:40px;padding:0 var(--sp-5)}.pp-count .digits span{width:56px;height:56px;font-size:var(--fs-xl)}.pp-count .lbl{font-size:var(--fs-m)}.pp-hero{padding-bottom:var(--sp-4)}}

/* ---------- v11 landing: one clear journey (owner 17 Oct: "the partner programme is not clear") ---------- */
.pj-hero{background:var(--pink-wash);padding:clamp(20px,2.6vw,48px) 0}
.pj-hero-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(20px,3vw,56px);align-items:center}
.pj-eye{color:var(--pink-deep);font-weight:700;font-size:var(--fs-s);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px!important}
.pj-hero h1{font-family:var(--serif);font-weight:500;font-size:var(--fs-hero);line-height:1.08;color:#000}
.pj-hero h1 em,.pj-sec h2 em{color:var(--pink-deep);font-style:italic}
.pj-lead{font-size:var(--fs-m);line-height:1.5;color:#222;margin:14px 0 18px!important;max-width:44em}
.pj-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
.pj-facts>div{background:#fff;border-radius:var(--r-m);padding:14px 16px;box-shadow:3px 3px 0 var(--pink)}
.pj-facts b{display:block;font-family:var(--serif);font-size:var(--fs-xl);line-height:1.1;color:#000;margin-bottom:4px}
.pj-facts span{font-size:var(--fs-s);line-height:1.4;color:#333}
.pj-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pj-art img{width:100%;max-height:min(520px,calc(var(--vvh,100vh) - 240px));object-fit:cover;border-radius:var(--r-l);display:block}
.pj-sec{padding:clamp(28px,3.4vw,64px) 0 0}
.pj-sec h2{font-family:var(--serif);font-weight:500;font-size:var(--fs-xxl);line-height:1.1;margin-bottom:18px!important}
.pj-sub{font-size:var(--fs-m);color:#333;margin:-6px 0 18px!important}
.pj-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;counter-reset:none}
.pj-steps li{background:#fff;border:1px solid var(--grey-line);border-radius:var(--r-m);padding:16px}
.pj-steps .n{display:inline-grid;place-items:center;width:var(--count-d);height:var(--count-d);border-radius:50%;background:var(--pink-deep);color:#fff;font-weight:700;margin-bottom:10px}
.pj-steps h3,.pj-earn h3{font-size:var(--fs-m);line-height:1.25;margin-bottom:6px!important}
.pj-steps p,.pj-earn p{font-size:var(--fs-s);line-height:1.5;color:#333}
.pj-earn{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pj-earn>div{background:var(--pink-wash);border-radius:var(--r-m);padding:18px}
.pj-note{font-size:var(--fs-s);color:var(--grey);margin-top:12px!important}
.pj-roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pj-role{display:flex;flex-direction:column;border:1px solid var(--grey-line);border-radius:var(--r-m);overflow:hidden;color:#000;text-decoration:none;background:#fff}
.pj-role:hover{border-color:var(--pink)}
.pj-role img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.pj-role span{padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.pj-role b{font-size:var(--fs-m)}
.pj-role small{font-size:var(--fs-s);line-height:1.45;color:#444}
.pj-creators{font-size:var(--fs-s);color:#333;margin-top:12px!important}
.pj-creators a{color:var(--pink-deep);font-weight:700}
.pj-pay{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pj-pay>div{border:1px solid var(--grey-line);border-radius:var(--r-m);padding:16px 18px;display:flex;align-items:baseline;gap:12px}
.pj-pay b{font-family:var(--serif);font-size:var(--fs-xxl);color:var(--pink-deep);line-height:1}
.pj-pay span{font-size:var(--fs-s);color:#333;line-height:1.4}
.pj-sec+.pj-sec:last-child{padding-bottom:clamp(28px,3.4vw,64px)}
@media (max-width:1199px){.pj-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.pj-roles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:800px){
  .pj-hero-in{grid-template-columns:minmax(0,1fr)}
  .pj-art{display:none}
  .pj-facts{grid-template-columns:minmax(0,1fr);gap:8px}
  .pj-facts>div{display:flex;gap:10px;align-items:baseline;padding:10px 12px}
  .pj-facts b{font-size:var(--fs-l);white-space:nowrap;margin:0}
  .pj-lead{font-size:var(--fs-s)}
  .pj-sec h2{font-size:var(--fs-xl)}
  .pj-steps,.pj-earn,.pj-pay{grid-template-columns:minmax(0,1fr)}
  .pj-steps li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px}
  .pj-steps .n{grid-row:span 2;margin:0}
  .pj-roles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pj-pay b{font-size:var(--fs-xl)}
}

/* owner 17 Oct: "partner programm is 10 5- fulfilment and 5 creator" - all 10 roles, in two groups */
.pj-grp{font-size:var(--fs-m);margin:22px 0 10px;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.pj-grp span{font-size:var(--fs-s);font-weight:600;color:var(--pink-deep)}
.pj-roles.r5{grid-template-columns:repeat(5,minmax(0,1fr))}
.pj-role i{font-style:normal;font-size:12px;font-weight:600;color:#555}
.pj-later{font-style:normal;align-self:flex-start;font-size:12px;font-weight:700;background:#000;color:#fff;border-radius:100px;padding:2px 10px}
.pj-cr .pj-role{background:#fff0f5;border-color:#ffd0e0}
.pj-cr .pj-role span{padding:16px 14px}
@media (max-width:1199px){.pj-roles.r5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.pj-roles.r5{grid-template-columns:repeat(2,minmax(0,1fr))}}