/* Shared styles for redesigned pages: Business Insights, Webinars & Tutorials, Ask Me,
   Complaints & Resolutions, POSH Policy, Pricing. Everything is scoped under .cp */
.cp{--b:#0081fb;--bd:#006fd6;--ink:#0E345D;--tx:#4a5b70;--mut:#5b6879;--ln:#dfe9f5;--l1:#f2f8fe;--l2:#e8f3ff;--g:#28a745;--gl:#e8f7ec;--r:#d93036;font-family:"Inter",sans-serif;color:var(--tx);font-size:15px;line-height:1.6}
.cp *{box-sizing:border-box}
.cp p{margin:0}
.cp h1,.cp h2,.cp h3,.cp h4{font-weight:700;font-family:"Inter",sans-serif!important;color:var(--ink);letter-spacing:-.015em;line-height:1.2;margin:0;text-transform:none}
.cp a{text-decoration:none}
.cp img{max-width:100%}
.cp-w{max-width:1170px;margin:0 auto;padding:0 20px}
.cp-k{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bd)}
.cp-crumb{font-size:13px;color:var(--mut);margin-bottom:14px}
.cp-crumb a{color:var(--bd)!important}
.cp-btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 24px;border-radius:999px;background:var(--b);color:#fff!important;font:700 15px "Inter",sans-serif;white-space:nowrap;transition:background .15s,transform .15s}
.cp-btn:hover{background:var(--bd);color:#fff!important}
.cp-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.cp-btn.gh{background:#fff;color:var(--bd)!important;border:1.5px solid var(--b)}
.cp-btn.gh:hover{background:var(--l1)}
.cp-btn.gr{background:var(--g)}
.cp-btn.gr:hover{background:#218838}
.cp-btn.wh{background:#fff;color:var(--bd)!important}
.cp-btn[disabled]{opacity:.6;cursor:wait}
.cp-btn.full{width:100%}
.cp-chip{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1px solid var(--ln);background:#fff;font:600 13px "Inter",sans-serif;color:var(--ink)!important;transition:background .15s,border-color .15s}
.cp-chip:hover{border-color:#b9d4f1}
.cp-chip.on{background:var(--ink);color:#fff!important;border-color:var(--ink)}
.cp-pill{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--l2);color:var(--bd);font-size:12px;font-weight:700}
.cp-ico{width:44px;height:44px;border-radius:12px;background:var(--l2);color:var(--b);display:flex;align-items:center;justify-content:center;flex:0 0 44px;font-size:19px}
.cp-sec{padding:64px 0}
.cp-sh{text-align:center;max-width:700px;margin:0 auto 34px}
.cp-sh h2{font-size:32px;font-weight:800;margin:8px 0 8px}
/* light hero used by most pages */
.cp-hero{position:relative;background:linear-gradient(135deg,#e9f4ff 0%,#f5faff 55%,#eefaf2 100%);padding:48px 0 56px;overflow:hidden}
.cp-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-160px;top:-220px;background:radial-gradient(circle,rgba(0,129,251,.14),transparent 65%)}
.cp-hero .cp-w{position:relative}
.cp-hero h1{font-size:44px;font-weight:800;margin:10px 0 14px}
.cp-hero h1 span{color:var(--b)}
.cp-hero .lead{font-size:16.5px;max-width:620px}
/* form bits */
.cp-fl{display:block;margin:0}
.cp-fl>span{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:5px}
.cp-fl>span i{font-style:normal;color:var(--r)}
.cp-fl>span em{font-style:normal;font-weight:500;color:var(--mut)}
.cp input[type=text],.cp input[type=email],.cp input[type=tel],.cp input[type=search],.cp select,.cp textarea{width:100%;height:46px;border:1.5px solid var(--ln);border-radius:12px;padding:0 14px;font:500 15px "Inter",sans-serif;color:var(--ink);background:#fff;outline:none;margin:0;transition:border-color .15s,box-shadow .15s}
.cp textarea{height:110px;padding:11px 14px;resize:vertical}
.cp select{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235b6879' stroke-width='2'/%3E%3C/svg%3E") right 14px center no-repeat;padding-right:36px}
.cp input:focus,.cp select:focus,.cp textarea:focus{border-color:var(--b);box-shadow:0 0 0 3px rgba(0,129,251,.15)}
.cp ::placeholder{color:#8a98aa}
.cp .bad input,.cp .bad select,.cp .bad textarea{border-color:var(--r)!important}
.cp-ck{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--mut);line-height:1.5;cursor:pointer;margin:0}
.cp-ck input{width:17px;height:17px;margin:2px 0 0;flex:0 0 17px;accent-color:var(--b)}
.cp-ck a{color:var(--bd)!important;text-decoration:underline}
.cp-ck.bad{color:var(--r)}
.cp-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.cp-msg{border-radius:12px;padding:11px 14px;font-size:14px}
.cp-msg.err{background:#fdecec;color:#a4262c}
.cp-msg.ok{background:var(--gl);color:#1e6b31}
.cp-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cp-stack{display:grid;gap:12px}
.cp-done{text-align:center;padding:16px 6px}
.cp-done .tick{width:62px;height:62px;border-radius:50%;margin:0 auto 12px;background:var(--gl);color:var(--g);display:flex;align-items:center;justify-content:center;font-size:28px}
.cp-done h3{font-size:21px;margin-bottom:6px}
/* dark CTA strip */
.cp-cta{background:var(--ink);border-radius:24px;padding:30px 36px;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#c4d6ea}
.cp-cta h3{color:#fff;font-size:22px;margin-bottom:4px}
.cp-cta .acts{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}

/* ---------- Business Insights ---------- */
.bi-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.bi-srch{display:block;position:relative;width:360px;flex:0 0 auto}
.bi-srch input{border-radius:999px!important;height:50px!important;padding-left:44px!important}
.bi-srch svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#8a98aa}
.bi-cats{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}
.bi-main{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-top:28px}
.bi-big{display:block;border-radius:24px;overflow:hidden;position:relative;min-height:430px;background:#0E345D center/cover no-repeat}
.bi-big:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,52,93,0) 30%,rgba(14,52,93,.92))}
.bi-big .tx{position:absolute;left:30px;right:30px;bottom:28px;z-index:2;color:#d4e3f3}
.bi-big h2{color:#fff!important;font-size:28px!important;margin:10px 0 8px!important}
.bi-big .cp-pill{background:var(--b);color:#fff}
.bi-big .meta{font-size:13px;margin-top:10px}
.bi-side{display:grid;gap:14px;align-content:start}
.bi-row{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:center;padding:10px;border-radius:16px;border:1px solid var(--ln);background:#fff;transition:box-shadow .2s,transform .2s}
.bi-row:hover,.bi-card:hover{box-shadow:0 14px 30px rgba(14,52,93,.10);transform:translateY(-2px)}
.bi-row .im{height:92px;border-radius:12px;background:#e6edf5 center/cover no-repeat}
.bi-row h4{font-size:15px;margin:6px 0 4px;line-height:1.35}
.bi-row small{font-size:12px;color:var(--mut)}
.bi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bi-card{display:flex;flex-direction:column;border-radius:20px;border:1px solid var(--ln);overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}
.bi-card .im{aspect-ratio:16/9;background:#e6edf5 center/cover no-repeat}
.bi-card .bd{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.bi-card h4{font-size:17px;margin:8px 0;line-height:1.35}
.bi-card p{font-size:13.5px}
.bi-card .meta{margin-top:auto;padding-top:12px;font-size:12.5px;color:var(--mut);display:flex;justify-content:space-between}
.bi-card .meta b{color:var(--bd)}
.bi-empty{text-align:center;padding:40px 16px;background:#fff;border:1px solid var(--ln);border-radius:20px}
.bi-more{text-align:center;margin-top:30px}
.bi-none{display:none;text-align:center;padding:30px;color:var(--mut)}

/* ---------- Webinars ---------- */
.wb-hero .cp-w{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.wb-next{background:#fff;border-radius:24px;padding:26px;box-shadow:0 24px 60px rgba(14,52,93,.12);border:1px solid #e3edf8}
.wb-next .live{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:800;color:var(--bd);letter-spacing:.1em}
.wb-next .live:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--g);box-shadow:0 0 0 4px rgba(40,167,69,.18)}
.wb-next h3{font-size:22px;margin:10px 0 10px}
.wb-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 18px}
.wb-meta div{background:var(--l1);border-radius:12px;padding:10px;font-size:12.5px}
.wb-meta b{display:block;color:var(--ink);font-size:14px}
.wb-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wb-t{border:1px solid var(--ln);border-radius:18px;padding:20px;display:grid;grid-template-columns:44px 1fr;gap:14px;background:#fff;transition:box-shadow .2s,transform .2s}
.wb-t:hover{box-shadow:0 14px 30px rgba(14,52,93,.08);transform:translateY(-2px)}
.wb-t h4{font-size:16px;margin-bottom:4px}
.wb-t p{font-size:13.5px}
.wb-t .lv{display:inline-block;margin-top:8px;font-size:11.5px;font-weight:700;color:var(--g);background:var(--gl);padding:3px 9px;border-radius:999px}
.wb-t .lv.i{color:#b35c00;background:#fff3e2}
.wb-who{background:var(--l1)}
.wb-who .g{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.wb-who .g div{background:#fff;border-radius:18px;padding:24px 18px;text-align:center}
.wb-who .g .cp-ico{margin:0 auto 12px}
.wb-who h4{font-size:16px;margin-bottom:4px}
.wb-who p{font-size:13.5px}
.wb-fmt{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wb-fmt div{border-radius:18px;padding:22px;border:1px solid var(--ln);background:#fff}
.wb-fmt h4{font-size:17px;margin:12px 0 6px}
.wb-fmt p{font-size:14px}

/* ---------- Ask Me ---------- */
.ak-hero .cp-w{display:grid;grid-template-columns:1fr 500px;gap:50px;align-items:start}
.ak-big{display:block;position:relative;margin-top:24px;max-width:560px}
.ak-big input{height:58px!important;border-radius:18px!important;padding-left:48px!important;font-size:16px!important;box-shadow:0 14px 34px rgba(14,52,93,.08)}
.ak-big svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#8a98aa}
.ak-sug{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ak-form{background:#fff;border-radius:24px;padding:28px;box-shadow:0 24px 60px rgba(14,52,93,.12);border:1px solid #e3edf8}
.ak-form h2{font-size:22px!important;margin-bottom:2px!important}
.ak-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;flex-wrap:wrap}
.ak-head h2{font-size:28px;margin-top:6px}
.ak-tabs{display:flex;gap:8px;flex-wrap:wrap}
.ak-q{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ak-qa{border:1px solid var(--ln);border-radius:18px;padding:20px;background:#fff}
.ak-qa .q,.ak-qa .a{display:flex;gap:12px;align-items:flex-start}
.ak-qa .q em,.ak-qa .a em{font-style:normal;flex:0 0 30px;height:30px;border-radius:9px;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:13px}
.ak-qa .q em{background:var(--b);color:#fff}
.ak-qa .a em{background:var(--gl);color:var(--g)}
.ak-qa .q h3{font-size:16px!important;line-height:1.4!important;padding-top:4px}
.ak-qa .a{margin-top:12px;font-size:14px}
.ak-qa small{display:block;margin-top:10px;font-size:12px;color:var(--mut);padding-left:42px}
.ak-qa mark{background:#fff3b0;color:inherit;padding:0 1px;border-radius:3px}
.ak-none{display:none;text-align:center;padding:26px;border:1px dashed #b9d4f1;border-radius:18px;margin-top:4px}

/* ---------- Complaints ---------- */
.cr-hero .cp-w{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.cr-sla{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cr-sla div{background:#fff;border:1px solid #dbe8f6;border-radius:18px;padding:18px 12px;text-align:center;font-size:13px;box-shadow:0 10px 26px rgba(14,52,93,.06)}
.cr-sla b{display:block;font-size:24px;font-weight:800;color:var(--bd);margin-bottom:4px}
.cr-body{padding:50px 0 64px}
.cr-body .cp-w{display:grid;grid-template-columns:1fr 480px;gap:26px;align-items:start}
.cr-steps{background:#fff;border-radius:24px;padding:30px;border:1px solid var(--ln)}
.cr-steps>h2{font-size:22px;margin-bottom:20px}
.cr-tl>div{display:grid;grid-template-columns:44px 1fr;gap:16px;padding-bottom:22px;position:relative}
.cr-tl>div:not(:last-child):before{content:"";position:absolute;left:21px;top:46px;bottom:4px;width:2px;background:var(--ln)}
.cr-tl em{font-style:normal;width:44px;height:44px;border-radius:50%;background:var(--l1);color:var(--b);font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #cfe4fb}
.cr-tl h3{font-size:16px!important;margin:2px 0 4px!important}
.cr-tl p{font-size:14px}
.cr-esc{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.cr-esc div{border:1px solid var(--ln);border-radius:14px;padding:14px 16px;font-size:13.5px}
.cr-esc b{display:block;color:var(--ink);font-size:14.5px;margin-bottom:2px}
.cr-esc a{color:var(--bd)!important;font-weight:600}
.cr-note{display:grid;gap:12px;margin-top:22px}
.cr-note div{display:flex;gap:12px;align-items:flex-start;background:var(--l1);border-radius:14px;padding:14px 16px;font-size:14px}
.cr-note b{color:var(--ink)}
/* restyle the shared complaint form template */
.cr-formwrap .cf-card{margin:0!important;border-radius:24px!important;box-shadow:0 24px 60px rgba(14,52,93,.12)!important;border:1px solid #e3edf8!important;border-top:5px solid var(--g)!important}
.cr-formwrap .cf-head{background:#fff!important;color:var(--tx)!important;padding:24px 26px 4px!important}
.cr-formwrap .cf-head h3{color:var(--ink)!important;font-size:22px!important}
.cr-formwrap .cf-head h3 i{color:var(--g)}
.cr-formwrap .cf-head p{color:var(--mut)!important;font-size:13.5px!important}
.cr-formwrap .cf-body{padding:14px 26px 26px!important;gap:12px!important}
.cr-formwrap .cf-f{font-size:13px!important;font-weight:600!important;gap:5px!important}
.cr-formwrap .cf-f input,.cr-formwrap .cf-f select{height:44px!important;border-radius:12px!important;font-size:14.5px!important}
.cr-formwrap .cf-f textarea{height:96px!important;border-radius:12px!important;font-size:14.5px!important}
.cr-formwrap .cf-btn{height:48px;border-radius:999px!important;background:var(--g)!important;box-shadow:none!important;font-size:15px!important}
.cr-formwrap .cf-btn:hover{background:#218838!important}
.cr-formwrap .cf-cons,.cr-formwrap .cti-consent,.cr-formwrap .cti-consent span{font-size:12px!important}

/* ---------- POSH ---------- */
.po-hero .cp-w{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.po-hero h1{font-size:40px!important;max-width:760px}
.po-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.po-badges span{display:inline-flex;gap:6px;align-items:center;padding:7px 14px;border-radius:999px;border:1px solid var(--ln);background:#fff;font-size:13px;font-weight:600;color:var(--ink)}
.po-acts{display:flex;gap:10px;flex:0 0 auto}
.po-body .cp-w{display:grid;grid-template-columns:260px 1fr;gap:40px;padding-top:40px;padding-bottom:64px}
.po-toc{position:sticky;top:110px;align-self:start;border:1px solid var(--ln);border-radius:18px;padding:16px;background:#fff}
.po-toc b{display:block;color:var(--ink);font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin:2px 6px 10px}
.po-toc a{display:block;padding:8px 10px;border-radius:10px;font-size:14px;color:var(--mut)!important;line-height:1.35}
.po-toc a:hover{background:var(--l1)}
.po-toc a.on{background:var(--l2);color:var(--bd)!important;font-weight:700}
.po-zero{background:linear-gradient(120deg,var(--l2),#f3f9ff);border:1px solid #cfe4fb;border-radius:20px;padding:22px 26px;display:flex;gap:18px;align-items:center;margin-bottom:30px}
.po-zero h2{font-size:20px!important;margin-bottom:4px!important}
.po-zero .cp-ico{background:#fff;width:54px;height:54px;flex:0 0 54px;font-size:24px}
.po-sec{margin-bottom:34px;scroll-margin-top:120px}
.po-sec>h2{font-size:22px!important;margin:0 0 12px!important;display:flex;gap:10px;align-items:center}
.po-sec>h2 span{font-size:13px;color:var(--b);background:var(--l2);border-radius:8px;padding:3px 8px;flex:0 0 auto}
.po-sec h3{font-size:16.5px!important;margin:18px 0 6px!important}
.po-sec p+p{margin-top:10px}
.po-sec ul{margin:8px 0 0;padding-left:0;list-style:none;display:grid;gap:8px}
.po-sec ul li{position:relative;padding-left:22px}
.po-sec ul li:before{content:"";position:absolute;left:4px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--b)}
.po-icc{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.po-icc>div{border:1px solid var(--ln);border-radius:16px;padding:16px;font-size:13px;background:#fff}
.po-icc .av{width:42px;height:42px;border-radius:50%;background:var(--l2);color:var(--b);font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:16px}
.po-icc b{display:block;color:var(--ink);font-size:15px}
.po-icc .rl{display:inline-block;margin:6px 0 8px;font-size:11.5px;font-weight:700;color:var(--g);background:var(--gl);border-radius:999px;padding:2px 9px}
.po-icc a{display:block;color:var(--bd)!important;overflow-wrap:anywhere;margin-top:2px;font-size:12.5px}
.po-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.po-flow div{background:var(--l1);border-radius:16px;padding:16px;font-size:13.5px}
.po-flow b{display:block;color:var(--ink);margin:6px 0 4px;font-size:14.5px}
.po-flow em{font-style:normal;font-weight:800;color:var(--b);font-size:12.5px}
.po-acts2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}
.po-acts2 div{border:1px solid var(--ln);border-radius:12px;padding:11px 14px;font-size:14px;display:flex;gap:10px;align-items:center}
.po-acts2 div:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--b);flex:0 0 8px}
.po-def{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.po-def>div{border:1px solid var(--ln);border-radius:16px;padding:18px;font-size:14px;background:#fff}
.po-def h3{margin-top:0!important}
.po-small{font-size:12.5px;color:var(--mut);margin-top:20px;padding:14px 16px;border-radius:12px;background:#f6f8fb}

/* ---------- Pricing ---------- */
.pr-hero{text-align:center;padding-bottom:30px}
.pr-hero .lead{margin:0 auto}
.pr-tog{display:inline-flex;background:#fff;border:1px solid var(--ln);border-radius:999px;padding:5px;margin-top:24px;gap:4px;flex-wrap:wrap;justify-content:center}
.pr-tog button{all:unset;cursor:pointer;padding:9px 18px;border-radius:999px;font:700 14px "Inter",sans-serif;color:var(--mut)}
.pr-tog button.on{background:var(--ink);color:#fff}
.pr-g{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
.pr-c{border:1.5px solid var(--ln);border-radius:26px;padding:28px;background:#fff;display:flex;flex-direction:column;position:relative}
.pr-c.hl{border-color:var(--b);box-shadow:0 26px 60px rgba(0,129,251,.16)}
.pr-c .rib{position:absolute;top:-13px;left:28px;background:var(--b);color:#fff;font-size:12px;font-weight:800;padding:5px 12px;border-radius:999px}
.pr-c h2{font-size:20px!important}
.pr-c .sub{font-size:13.5px;margin:4px 0 16px;min-height:42px}
.pr-c .pz{font-size:40px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.1}
.pr-c .pz small{font-size:15px;font-weight:600;color:var(--mut);letter-spacing:0}
.pr-c .gst{font-size:12.5px;color:var(--mut);margin:6px 0 18px}
.pr-c .tagl{display:inline-block;align-self:flex-start;margin-bottom:12px;font-size:12px;font-weight:700;color:var(--bd);background:var(--l2);border-radius:999px;padding:3px 10px}
.pr-feat{margin-top:18px;border-top:1px solid #edf2f8;padding-top:14px}
.pr-grp{margin-bottom:6px}
.pr-grp>b{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:10px 0 8px}
.pr-grp ul{list-style:none;display:grid;gap:8px;margin:0;padding:0;font-size:14px}
.pr-grp li{display:flex;gap:10px;line-height:1.45}
.pr-grp li:before{content:"✓";flex:0 0 20px;height:20px;border-radius:50%;background:var(--gl);color:var(--g);font-weight:800;font-size:11px;display:flex;align-items:center;justify-content:center;margin-top:1px}
.pr-c .pr-extra{display:none}
.pr-c.open .pr-extra{display:block}
.pr-c.open li.pr-extra{display:flex}
.pr-c .more{all:unset;cursor:pointer;font:700 13.5px "Inter",sans-serif;color:var(--bd);margin-top:14px;align-self:flex-start}
.pr-c .addon{margin-top:14px;font-size:13px;background:#fbfdff;border:1px dashed #b9d4f1;border-radius:12px;padding:10px 12px;display:grid;gap:4px}
.pr-c .addon b{color:var(--ink)}
.pr-c[hidden]{display:none!important}
.pr-promise{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px}
.pr-promise>div{display:flex;gap:12px;align-items:center;font-size:13.5px;background:#fff;border:1px solid var(--ln);border-radius:16px;padding:14px}
.pr-promise b{display:block;color:var(--ink);font-size:14.5px}
.pr-pay{margin-top:40px;border:1px solid #f3d9a4;background:#fffaf0;border-radius:20px;padding:22px 26px;display:grid;grid-template-columns:44px 1fr;gap:16px;font-size:14px}
.pr-pay h2{font-size:17px!important;margin-bottom:4px!important}
.pr-pay .cp-ico{background:#fff1d6;color:#b35c00}
.pr-pay a{color:var(--bd)!important;font-weight:600}

/* ---------- responsive ---------- */
@media (max-width:1100px){
 .ak-hero .cp-w{grid-template-columns:1fr 440px;gap:32px}
 .cr-body .cp-w{grid-template-columns:1fr 420px}
 .po-icc{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:991px){
 .cp-hero h1{font-size:36px}
 .wb-hero .cp-w,.ak-hero .cp-w,.cr-hero .cp-w,.cr-body .cp-w{grid-template-columns:1fr}
 .bi-main{grid-template-columns:1fr}
 .bi-top{flex-direction:column;align-items:flex-start}
 .bi-srch{width:100%}
 .bi-grid,.wb-topics,.wb-fmt,.pr-g{grid-template-columns:1fr 1fr}
 .wb-who .g,.pr-promise{grid-template-columns:1fr 1fr}
 .ak-q{grid-template-columns:1fr}
 .po-body .cp-w{grid-template-columns:1fr}
 .po-toc{position:static;display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:10px}
 .po-toc a{white-space:nowrap;flex:0 0 auto;background:var(--l1)}
 .po-toc b{display:none}
 .po-hero .cp-w{flex-direction:column;align-items:flex-start}
 .po-flow,.po-def{grid-template-columns:1fr 1fr}
 .cp-cta{flex-direction:column;align-items:flex-start}
}
@media (max-width:600px){
 html body .cp-hero{padding-top:118px!important;padding-bottom:40px}
 .cp-w{padding:0 16px}
 .cp-hero h1{font-size:29px}
 .po-hero h1{font-size:27px!important}
 .cp-hero .lead{font-size:15px}
 .cp-sec{padding:44px 0}
 .cp-sh h2{font-size:25px}
 .bi-big{min-height:330px}
 .bi-big h2{font-size:21px!important}
 .bi-big .tx{left:18px;right:18px;bottom:18px}
 .bi-big .tx p.ex{display:none}
 .bi-row{grid-template-columns:100px 1fr}
 .bi-row .im{height:76px}
 .bi-grid,.wb-topics,.wb-fmt,.pr-g,.wb-who .g,.pr-promise,.po-icc,.po-flow,.po-def,.po-acts2,.cr-esc,.cp-row2{grid-template-columns:1fr}
 .wb-meta{grid-template-columns:1fr 1fr 1fr;gap:6px}
 .wb-meta div{padding:8px;font-size:11.5px}
 .ak-form,.cr-steps,.wb-next{padding:20px}
 .cr-sla{gap:8px}
 .cr-sla div{padding:14px 6px;font-size:11.5px}
 .cr-sla b{font-size:18px}
 .cr-formwrap .cf-head{padding:20px 18px 4px!important}
 .cr-formwrap .cf-body{padding:12px 18px 20px!important}
 .pr-c{padding:22px}
 .pr-c .pz{font-size:34px}
 .cp-cta{padding:24px 20px}
 .cp-cta .acts{width:100%}
 .cp-cta .acts .cp-btn{flex:1}
 .po-acts{width:100%}
 .po-acts .cp-btn{flex:1}
 .pr-pay{grid-template-columns:1fr;padding:18px}
 .ak-head h2{font-size:23px}
}
@media print{
 header,footer,.po-toc,.po-acts,.cp-cta,#fixedSocial,.mobile-bottom-nav{display:none!important}
 .po-body .cp-w{grid-template-columns:1fr}
 .cp-hero{padding:10px 0!important;background:#fff}
}
