/* Bespoke Software hero: light mirror of the app hero, chrome frame on white, purple type */
main .bsh2{position:relative;isolation:isolate;overflow:hidden;min-height:min(860px,100svh);display:flex;align-items:center;justify-content:center;padding:160px 0 110px;background:#fff;color:#1b1235;text-align:center}
main .bsh2-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
main .bsh2-bg img{position:absolute;object-fit:cover;object-position:50% 50%}
main .bsh2-bg::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(58% 52% at 50% 50%,rgba(255,255,255,.9) 0%,rgba(255,255,255,.55) 55%,rgba(255,255,255,0) 100%)}
main .bsh2-bg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;z-index:1;background:linear-gradient(180deg,transparent,#fff)}
main .bsh2 .hm-light{mix-blend-mode:multiply;background:radial-gradient(closest-side,rgba(167,120,255,.18),transparent)}
main .bsh2 .hm-orb{background:radial-gradient(circle at 30% 30%,#fff,rgba(167,120,255,.75) 35%,rgba(124,58,237,.2) 70%,transparent)}
main .bsh2-inner{width:min(920px,calc(100% - 48px));margin:0 auto;display:flex;flex-direction:column;align-items:center}
main .bsh2-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 24px;padding:7px 15px;border-radius:999px;background:rgba(243,236,253,.85);border:1px solid #e3d5f7;backdrop-filter:blur(8px);font:600 11.5px/1.2 Inter,sans-serif;letter-spacing:1.8px;text-transform:uppercase;color:#6d28d9}
main .bsh2-kicker i{width:6px;height:6px;border-radius:50%;background:#7c3aed;box-shadow:0 0 10px #a78bfa}
.ap-inner-page main .bsh2 .bsh2-title{margin:0;font:600 clamp(46px,7vw,92px)/.98 Fustat,Inter,sans-serif;letter-spacing:-.05em;background:linear-gradient(115deg,#2a1454 0%,#5b21b6 45%,#7c3aed 75%,#4c1d95 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.ap-inner-page main .bsh2 .bsh2-title em{display:block;font:italic 400 1.04em/1.04 "Instrument Serif",Georgia,serif;letter-spacing:-.02em;background:linear-gradient(100deg,#6d28d9 0%,#a78bfa 30%,#5b21b6 50%,#9b6bdf 72%,#6d28d9 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:bsh2-sheen 9s ease-in-out infinite;padding-bottom:.06em}
main .bsh2-sub{margin:24px auto 0;max-width:36em;font:400 18.5px/1.6 Inter,sans-serif;color:#5b4f6d}
main .bsh2-rating{display:inline-flex;align-items:center;gap:12px;margin:26px 0 0;font:500 14.5px/1.3 Inter,sans-serif;color:#3a2d4d;text-decoration:none}
main .bsh2-stars{color:#f5b301;letter-spacing:2px;font-size:17px}
main .bsh2-ticks{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 26px}
main .bsh2-ticks li{position:relative;padding-left:30px;font:500 15px/1.4 Inter,sans-serif;color:#2a1f3b;text-align:left}
main .bsh2-ticks li::before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.14)}
main .bsh2-ticks li::after{content:"";position:absolute;left:7px;top:4px;width:5px;height:9px;border:solid #fff;border-width:0 2.2px 2.2px 0;transform:rotate(45deg)}
main .bsh2-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}
main .bsh2-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border-radius:999px;text-decoration:none;font:600 15.5px/1 Inter,sans-serif;color:#fff;background:linear-gradient(120deg,#2a1454,#6d28d9);box-shadow:0 16px 30px -16px #4c1d95;transition:transform .2s ease,box-shadow .2s ease}
main .bsh2-btn:hover{transform:translateY(-2px);box-shadow:0 20px 36px -16px #4c1d95}
main .bsh2-btn--ghost{color:#3b2160;background:rgba(255,255,255,.8);border:1px solid #ddd0ee;box-shadow:none;backdrop-filter:blur(8px)}
main .bsh2-btn--ghost:hover{background:#f7f2fd;box-shadow:none}
main .bsh2-crumbs{position:absolute;left:max(24px,calc((100% - 1200px)/2));top:112px;display:flex;gap:8px;list-style:none;margin:0;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:blur(6px);font:500 13px/1.3 Inter,sans-serif;color:#8a7f9c;z-index:2}
main .bsh2-crumbs a{color:#8a7f9c;text-decoration:none}
main .bsh2-crumbs li+li::before{content:"/";margin-right:8px;color:#cbbfdc}
@keyframes bsh2-sheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media (max-width:760px){main .bsh2{padding:130px 0 80px;min-height:0}main .bsh2-sub{font-size:16.5px}main .bsh2-ticks{flex-direction:column;align-items:flex-start;gap:10px}main .bsh2-crumbs{display:none}}
@media (prefers-reduced-motion:reduce){main .bsh2 *{animation:none!important}}

/* fill the screen on first load, every width */
main .bsh2,main .bsh2--still{min-height:100vh;min-height:100svh}
@media (max-width:760px){main .bsh2{min-height:100vh;min-height:100svh}}