/* ========================================================== BECOME A PARTNER — landing page (templates/page-become-a-partner.html, /become-a-partner). Self-contained, ported from shape-become-a-partner.html, every rule scoped under .bap-page; tokens aliased to theme.json. Generated by scratchpad/extract_bap_css.py ========================================================== */ .bap-page{ --acc:var(--wp--preset--color--primary);--acc-dk:var(--wp--preset--color--primary-dark); --acc-tint:var(--wp--preset--color--primary-tint);--ink:var(--wp--preset--color--ink); --ink-2:var(--wp--preset--color--ink-soft);--paper:var(--wp--preset--color--white); --off:var(--wp--preset--color--surface);--line:var(--wp--preset--color--border); --line-d:var(--wp--preset--color--border-inverse);--tx:var(--wp--preset--color--ink); --mu:var(--wp--preset--color--text-muted);--mu2:var(--wp--preset--color--text-subtle); --tx-inv:var(--wp--preset--color--text-inverse);--mu-inv:var(--wp--preset--color--text-inverse-muted); --mono:var(--wp--preset--font-family--mono);--sh:0 30px 80px -34px rgba(10,10,10,.3); --sh-sm:0 12px 36px -18px rgba(10,10,10,.14); } .bap-page section{padding:120px 0} .bap-page .wrap{max-width:1160px;margin:0 auto;padding:0 32px} @media(max-width:760px){.bap-page section{padding:72px 0}} /* self-contained LP: no global fixed header, so drop the 72px body reserve (body_class adds mcrm-body). This rule targets , not the .bap-page subtree. */ body.bap-body{padding-top:0} .bap-page .wrap{max-width:1160px;margin:0 auto;padding:0 32px} .bap-page .mono{font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.15em;text-transform:uppercase} .bap-page .eyebrow{color:var(--mu2);margin-bottom:24px;display:block} .bap-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:15.5px;border-radius:10px;padding:16px 32px;text-decoration:none;transition:.16s;cursor:pointer;border:0;font-family:inherit;letter-spacing:-.01em} .bap-page .btn-acc{background:var(--acc);color:#fff} .bap-page .btn-acc:hover{background:var(--acc-dk);transform:translateY(-1px);box-shadow:var(--sh-sm)} .bap-page .btn-line{color:var(--tx);box-shadow:inset 0 0 0 1.5px var(--line);background:transparent} .bap-page .btn-line:hover{box-shadow:inset 0 0 0 1.5px var(--ink)} .bap-page .btn-paper{background:#fff;color:var(--ink)} .bap-page .btn-paper:hover{transform:translateY(-1px)} .bap-page .dark .eyebrow{color:var(--mu-inv)} .bap-page nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)} .bap-page .nav-in{display:flex;align-items:center;justify-content:space-between;height:72px} .bap-page .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:21px;letter-spacing:-.04em;color:var(--tx);text-decoration:none} .bap-page .logo svg{display:inline-block;vertical-align:middle} .bap-page .nav-links{display:flex;gap:34px;font-size:14.5px;font-weight:600} .bap-page .nav-links a{color:var(--tx);text-decoration:none;transition:.14s} .bap-page .nav-links a:hover{color:var(--acc-dk)} .bap-page .nav-r{display:flex;align-items:center;gap:20px} .bap-page .nav-r .login{font-size:14.5px;font-weight:600;color:var(--tx);text-decoration:none} .bap-page .nav-r .btn{padding:10px 22px;font-size:14px} .bap-page .nav-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--tx);cursor:pointer;padding:0;flex-shrink:0} .bap-page .nav-toggle svg{width:20px;height:20px} .bap-page .nav-mobile{display:none} .bap-page .hero .wrap{position:relative;max-width:1160px} .bap-page .dots{display:flex;gap:6px} .bap-page .dots i{width:9px;height:9px;border-radius:50%;background:#DEDEDA} .bap-page .bar{height:4px;border-radius:99px;background:#F1F1EF;margin-top:11px;overflow:hidden} .bap-page .bar i{display:block;height:100%;border-radius:99px;background:var(--ink)} .bap-page .bar.hotb i{background:var(--acc)} .bap-page .logo-banner{background:#fff;padding:16px 0} .bap-page .logo-banner-in{display:flex;align-items:center;justify-content:center;gap:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0} .bap-page .acc-col .eyebrow{display:block;margin-bottom:14px} .bap-page .feat-card.active{opacity:1;transform:scale(1);box-shadow:0 26px 54px -26px rgba(10,10,10,.3)} .bap-page .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px} .bap-page .kpi{border:1px solid var(--line);border-radius:11px;padding:14px 16px;position:relative;overflow:hidden} .bap-page .kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ink)} .bap-page .kpi.a::before{background:var(--acc)} .bap-page .kpi small{font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mu2);display:block;margin-bottom:4px} .bap-page .kpi b{font-size:19px;font-weight:800;letter-spacing:-.03em} .bap-page .kpi b em{font-style:normal;font-size:11px;color:var(--mu);font-weight:600;margin-left:5px} .bap-page .rec-row .k{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mu2)} .bap-page .ai-head .btn{flex-shrink:0} .bap-page .step{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#D6D6D3;padding:4px 0;margin:0} .bap-page .step .ck{width:18px;height:18px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font-size:10px;flex-shrink:0} .bap-page .bar{flex:1;height:8px;border-radius:5px;background:rgba(255,255,255,.08);overflow:hidden} .bap-page .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--acc),#ff9a6a);border-radius:5px;transition:width .8s cubic-bezier(.22,1,.36,1)} .bap-page .ai-screen.on .bar i{width:var(--w)} .bap-page .prod .btn{margin-top:32px} .bap-page .mm-head .mono{color:var(--mu2);font-size:9.5px} .bap-page .switch>.wrap{position:relative;z-index:1} .bap-page .switch .eyebrow{color:var(--mu-inv);margin-bottom:18px} .bap-page .switch .btn-line{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45);background:transparent} .bap-page .switch .btn-line:hover{box-shadow:inset 0 0 0 1.5px #fff;background:rgba(255,255,255,.08);transform:translateY(-1px)} .bap-page footer.lite{background:var(--off);border-top:1px solid var(--line);padding:50px 0 44px;font-size:13.5px;color:var(--mu)} .bap-page .f-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:48px;margin-bottom:64px} .bap-page .f-brand p{font-size:13.5px;max-width:280px;margin:18px 0 22px;color:var(--mu)} .bap-page .f-contact{display:grid;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--mu2);margin-bottom:24px} .bap-page .f-contact b{color:var(--tx);font-weight:500} .bap-page footer h5{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--mu2);margin-bottom:20px} .bap-page .f-col a{display:block;color:var(--mu);text-decoration:none;font-size:14px;font-weight:500;padding:5px 0;transition:.14s} .bap-page .f-col a:hover{color:var(--acc-dk)} .bap-page .f-social{display:flex;gap:12px;margin-top:26px} .bap-page .f-social a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--off);border:1px solid var(--line);color:var(--mu);transition:.14s;text-decoration:none} .bap-page .f-social a:hover{background:var(--ink);color:#fff;border-color:var(--ink)} .bap-page .f-legal{border-top:1px solid var(--line);padding-top:26px;display:flex;flex-wrap:wrap;gap:7px 22px} .bap-page .f-legal a{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mu2);text-decoration:none} .bap-page .f-legal a:hover{color:var(--acc-dk)} .bap-page .f-copy{margin-top:22px;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;color:var(--mu2)} @media(max-width:960px){ .bap-page .f-grid{grid-template-columns:1fr 1fr 1fr} .bap-page .nav-links{display:none} .bap-page .nav-toggle{display:inline-flex} .bap-page .nav-r .login{display:none} .bap-page .nav-mobile{display:block;position:absolute;left:0;right:0;top:72px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 24px 40px -26px rgba(10,10,10,.3);max-height:0;overflow:hidden;transition:max-height .3s ease} .bap-page .nav-mobile.open{max-height:360px} .bap-page .nav-mobile a{display:block;padding:15px 32px;font-size:15px;font-weight:600;color:var(--tx);text-decoration:none;border-bottom:1px solid var(--line)} .bap-page .nav-mobile a:last-child{border-bottom:0} .bap-page .nav-mobile a:active{background:var(--off)} } @media(max-width:640px){ .bap-page .f-grid{grid-template-columns:1fr 1fr} } @media(max-width:560px){ .bap-page .logo-banner-in{flex-direction:column;align-items:flex-start;gap:16px} } @media(max-width:420px){ .bap-page .f-grid{grid-template-columns:1fr} } .bap-page .aud>.wrap{position:relative;z-index:1} .bap-page .aud-head .eyebrow{color:var(--mu-inv)} .bap-page .pr-sec-head .k{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acc-dk);margin-bottom:14px} .bap-page .cta-final>.wrap{position:relative;z-index:1} .bap-page .cta-copy .eyebrow{color:var(--mu-inv);margin-bottom:16px} .bap-page .cta-final .btn-line{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45);background:transparent} .bap-page .cta-final .btn-line:hover{box-shadow:inset 0 0 0 1.5px #fff;background:rgba(255,255,255,.08);transform:translateY(-1px)} .bap-page .flow-head .eyebrow{color:var(--acc-dk);display:block;margin-bottom:12px} .bap-page .ai-nudge .btn{flex-shrink:0} .bap-page .btn-acc-line{color:var(--acc-dk);background:transparent;box-shadow:inset 0 0 0 1.5px var(--acc)} .bap-page .btn-acc-line:hover{background:var(--acc);color:#fff;box-shadow:inset 0 0 0 1.5px var(--acc);transform:translateY(-1px)} .bap-page .stepper{display:flex;align-items:center;justify-content:center;max-width:520px;margin:42px auto 52px;padding-bottom:26px} .bap-page .step{position:relative;display:flex;justify-content:center;flex:0 0 auto} .bap-page .step .dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:500;font-size:13px;border:1.5px solid var(--line);background:#fff;color:var(--mu2);transition:.25s} .bap-page .step .lbl{position:absolute;top:44px;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mu2);transition:.25s} .bap-page .step.active .dot{background:var(--acc);border-color:var(--acc);color:#fff;box-shadow:0 0 0 5px var(--acc-tint)} .bap-page .step.active .lbl, .bap-page .step.done .lbl{color:var(--tx)} .bap-page .step.done .dot{background:var(--acc);border-color:var(--acc);color:#fff} .bap-page .bar{flex:1;height:2px;background:var(--line);margin:0 6px;min-width:40px;transition:.35s} .bap-page .bar.fill{background:var(--acc)} .bap-page .flow-card{max-width:640px;margin:0 auto;border:1px solid var(--line);border-radius:20px;padding:36px 38px;background:#fff;box-shadow:var(--sh-sm)} .bap-page .fstep{animation:flowfade .32s ease} .bap-page .fstep[hidden]{display:none} .bap-page .flow-card h2{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin-bottom:6px} .bap-page .flead{font-size:14.5px;color:var(--mu);margin-bottom:22px} .bap-page .fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px} .bap-page .fld{display:flex;flex-direction:column;gap:7px;margin-bottom:14px} .bap-page .fld.full{grid-column:1/-1} .bap-page .flab{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mu2)} .bap-page .flab .req{color:var(--acc)} .bap-page .flab .opt{text-transform:none;letter-spacing:0;color:var(--mu2)} .bap-page .tin{width:100%;height:46px;border:1px solid var(--line);border-radius:10px;padding:0 14px;font-family:inherit;font-size:15px;color:var(--tx);background:#fff;transition:.14s} .bap-page textarea.tin{height:auto;min-height:104px;padding:12px 14px;line-height:1.5;resize:vertical} .bap-page select.tin{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px;cursor:pointer} .bap-page .tin:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-tint)} .bap-page .tin.err{border-color:#C0554C;box-shadow:0 0 0 3px rgba(192,85,76,.12)} .bap-page .ferr{display:none;font-size:12px;color:#C0554C;margin-top:1px} .bap-page .ferr.show{display:block} .bap-page .actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px} .bap-page .back{font-weight:600;font-size:14.5px;color:var(--mu);cursor:pointer;background:none;border:0;display:inline-flex;align-items:center;gap:6px;font-family:inherit} .bap-page .back:hover{color:var(--tx)} .bap-page .fhp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0} .bap-page .done-card{text-align:center;padding:14px 0} .bap-page .done-mark{width:66px;height:66px;border-radius:50%;background:rgba(46,158,91,.12);display:flex;align-items:center;justify-content:center;margin:0 auto 22px;color:#2E9E5B} .bap-page .done-mark svg{width:32px;height:32px} .bap-page .done-card h2{font-size:24px;margin-bottom:12px} .bap-page .done-card p{color:var(--mu);font-size:15px;max-width:430px;margin:0 auto 8px} .bap-page .done-actions{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap} @media(max-width:600px){ .bap-page .flow-card{padding:26px 22px} .bap-page .fields{grid-template-columns:1fr} .bap-page .ai-nudge .btn{width:100%;justify-content:center} .bap-page .actions{flex-direction:column-reverse;align-items:stretch} .bap-page .actions .btn{width:100%} .bap-page .actions .back{align-self:center} } .bap-page .p-hero{position:relative;overflow:hidden;padding:56px 0 66px;background:var(--ink)} .bap-page .p-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.085) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(960px 560px at 50% 16%,#000 25%,transparent 78%);mask-image:radial-gradient(960px 560px at 50% 16%,#000 25%,transparent 78%);pointer-events:none} .bap-page .p-hero .wrap{position:relative;z-index:1} .bap-page .p-split{display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center} .bap-page .p-left .eyebrow{color:var(--acc);display:block;margin-bottom:12px} .bap-page .p-left h1{font-size:clamp(38px,4.1vw,56px);font-weight:800;letter-spacing:-.035em;line-height:1.03;color:#fff;margin:0 0 14px} .bap-page .p-intro{font-size:18px;line-height:1.55;color:rgba(255,255,255,.66);margin:0 0 28px;max-width:46ch} .bap-page .perks{list-style:none;margin:0;padding:0;display:grid;gap:15px;max-width:44ch} .bap-page .perks li{display:flex;align-items:center;gap:12px;font-size:15.5px;font-weight:600;color:#fff} .bap-page .perks svg{width:20px;height:20px;flex-shrink:0} .bap-page .trust{margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);max-width:48ch} .bap-page .trust-k{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:15px} .bap-page .trust-logos{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px} .bap-page .trust-logos img{height:14px;width:auto;display:block;filter:brightness(0) invert(1);opacity:.5;transition:.15s} .bap-page .trust-logos img:hover{opacity:.8} .bap-page .p-right .flow-card{max-width:none;margin:0;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.13);box-shadow:0 30px 80px -30px rgba(0,0,0,.6)} .bap-page .p-right #pStepper{margin:2px auto 30px} .bap-page .p-right .step .dot{background:transparent;border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.55)} .bap-page .p-right .step.active .dot{background:var(--acc);border-color:var(--acc);color:#fff;box-shadow:0 0 0 5px rgba(255,90,21,.18)} .bap-page .p-right .step.done .dot{background:var(--acc);border-color:var(--acc);color:#fff} .bap-page .p-right .step .lbl{color:rgba(255,255,255,.4)} .bap-page .p-right .step.active .lbl, .bap-page .p-right .step.done .lbl{color:#fff} .bap-page .p-right .bar{background:rgba(255,255,255,.18)} .bap-page .p-right .bar.fill{background:var(--acc)} .bap-page .p-right .flow-card h2{color:#fff} .bap-page .p-right .flead{color:rgba(255,255,255,.62)} .bap-page .p-right .flab{color:rgba(255,255,255,.62)} .bap-page .p-right .flab .opt{color:rgba(255,255,255,.4)} .bap-page .p-right .tin{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff} .bap-page .p-right .tin::placeholder{color:rgba(255,255,255,.4)} .bap-page .p-right .tin:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(255,90,21,.28);background:rgba(255,255,255,.11)} .bap-page .p-right select.tin{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23bbbbbb' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center} .bap-page .p-right select.tin option{color:#111} .bap-page .p-right .ferr{color:#ff9080} .bap-page .p-right .back{color:rgba(255,255,255,.6)} .bap-page .p-right .back:hover{color:#fff} .bap-page .p-right .p-note{color:rgba(255,255,255,.4)} .bap-page .p-right .done-card h2{color:#fff} .bap-page .p-right .done-card p{color:rgba(255,255,255,.66)} .bap-page .p-right .flow-card .btn-line{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4);background:transparent} .bap-page .p-right .flow-card .btn-line:hover{box-shadow:inset 0 0 0 1.5px #fff;background:rgba(255,255,255,.08)} .bap-page .p-note{font-size:11.5px;color:var(--mu2);text-align:center;margin:12px 0 0} .bap-page .p-sec{padding:70px 0} .bap-page .pp-head{text-align:center;max-width:1000px;margin:0 auto 40px} .bap-page .pp-head .k{font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acc-dk)} .bap-page .pp-head h2{font-size:clamp(30px,3.5vw,46px);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--ink);margin:10px 0 0} .bap-page .pp-head p{font-size:19px;color:var(--mu);margin:12px auto 0;max-width:none;line-height:1.55} .bap-page .pp-head.left{text-align:left;max-width:1000px} .bap-page .pp-head.left p{margin:12px 0 0} .bap-page .p-ways{background:#FAFAF9} .bap-page .ways-box{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:20px;max-width:1080px;margin:0 auto;background:#fff;box-shadow:var(--sh-sm);overflow:hidden} .bap-page .way-col{padding:34px 32px;border-left:1px solid var(--line);display:flex;flex-direction:column} .bap-page .way-col:first-child{border-left:none} .bap-page .wk{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--acc-dk);margin-bottom:13px} .bap-page .way-col h3{font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin:0 0 10px} .bap-page .way-col p{font-size:14px;line-height:1.55;color:var(--mu);margin:0 0 20px;flex:1} .bap-page .wgo{font-size:14px;font-weight:700;color:var(--ink);display:inline-flex;align-items:center;gap:7px;text-decoration:none;transition:.14s} .bap-page .wgo:hover{color:var(--acc-dk);gap:10px} .bap-page .wgo svg{width:15px;height:15px} .bap-page .p-how{padding:74px 0;background:#fff} .bap-page .how-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;max-width:1000px;margin:0 auto;align-items:start} .bap-page .col-k{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--acc-dk);margin-bottom:22px} .bap-page .hsteps{display:grid;gap:22px} .bap-page .hstep{display:flex;gap:16px} .bap-page .hnum{width:38px;height:38px;flex-shrink:0;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:13px} .bap-page .hstep h4{font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--ink);margin:0 0 5px} .bap-page .hstep p{font-size:14px;line-height:1.55;color:var(--mu);margin:0} .bap-page .blist{display:grid;gap:14px} .bap-page .bitem{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:600;color:var(--tx)} .bap-page .bitem svg{width:18px;height:18px;color:#2E9E5B;flex-shrink:0} .bap-page .p-cta{background:var(--ink);padding:72px 0 80px;text-align:center} .bap-page .p-cta .k{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5)} .bap-page .p-cta h2{font-size:clamp(30px,3.5vw,46px);font-weight:800;letter-spacing:-.03em;color:#fff;margin:12px 0 12px} .bap-page .p-cta p{font-size:18px;color:rgba(255,255,255,.72);max-width:52ch;margin:0 auto 26px;line-height:1.55} @media(max-width:900px){ .bap-page .p-split{grid-template-columns:1fr;gap:38px;align-items:start} } @media(max-width:860px){ .bap-page .ways-box{grid-template-columns:1fr} .bap-page .way-col{border-left:none;border-top:1px solid var(--line)} .bap-page .way-col:first-child{border-top:none} } @media(max-width:820px){ .bap-page .how-grid{grid-template-columns:1fr;gap:40px} } @keyframes flowfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} .bap-page .medal-logo svg{width:22px;height:22px;display:block} .bap-page .hero-cta{justify-content:flex-start} /* Simplified chrome (like /demo): logo-only header + minimal footer replace the mockup's anchor nav + lite footer. The dark hero sits directly under the header, so the bar is the same --ink with a white logo (seamless). Footer is a matching dark minimal bar. */ .bap-page .bap-bar{background:var(--ink)} .bap-page .bap-bar .wrap{padding-top:20px;padding-bottom:20px} .bap-page .bap-brand{display:inline-flex;align-items:center} .bap-page .bap-brand img{height:30px;width:auto;display:block} .bap-page .bap-foot{background:var(--ink);color:var(--tx-inv);padding:30px 0;border-top:1px solid var(--line-d)} .bap-page .bap-foot-in{display:flex;align-items:center;justify-content:space-between;gap:16px} .bap-page .bap-foot img{height:26px;width:auto;display:block} .bap-page .bap-flinks{display:flex;gap:26px} .bap-page .bap-flinks a{color:var(--mu-inv);text-decoration:none;font-size:13.5px} .bap-page .bap-flinks a:hover{color:#fff} @media(max-width:640px){.bap-page .bap-foot-in{flex-direction:column;gap:14px;text-align:center}} /* Tighten the application-form container so the fields don't look so spread out. The stepper renders far taller than its content (~134px); pin it to a compact height that just fits the dots + the absolute labels (top:44 + ~16), keeping align-items:center so the connector bars stay level with the dots. */ .bap-page .p-right #pStepper{height:76px;padding-bottom:0;margin:2px auto 16px} .bap-page .flead{margin-bottom:12px} .bap-page .fields{margin-bottom:11px} .bap-page .fld{margin-bottom:11px} /* ShapeAI insights "Score 92" pill — was unstyled on this page family (only home.css had it) */ .bap-page .ais-score{display:inline-flex;align-items:center;font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#34C759;background:rgba(52,199,89,.15);border:1px solid rgba(52,199,89,.36);padding:3px 8px;border-radius:999px;margin-right:10px;vertical-align:middle}