/* Partner Apps · bighelpers.in/partnerapps. Builds on /assets/experience/system.css tokens. */
.pa-page{--pa-raised:var(--bh-white);--pa-spring:var(--bh-spring);--pa-ease:var(--bh-ease)}
.pa-defs{position:absolute;width:0;height:0;overflow:hidden}
.pa-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pa-main{padding-bottom:24px}
.pa-main h2{font-size:clamp(30px,3.2vw,42px);line-height:1.1;margin:0}
.pa-muted{color:var(--bh-muted)}

/* icons: superellipse mask with a soft brand glow underneath */
.pa-icon{display:block;width:var(--s,68px);height:var(--s,68px);clip-path:url(#pa-sq);object-fit:cover;background:var(--bh-surface)}
.pa-icon-blank{display:grid;place-items:center;background:var(--accent,#0a2540);color:#fff;font:700 calc(var(--s,68px) * .42)/1 var(--bh-display)}
.pa-glow{position:relative;display:inline-block;flex:none;width:var(--s);height:var(--s)}
.pa-glow::before{content:"";position:absolute;inset:22% 12% -8%;border-radius:50%;background:var(--accent,#0a2540);filter:blur(calc(var(--s) * .2));opacity:.5}
.pa-glow .pa-icon{position:relative;width:var(--s);height:var(--s)}
@keyframes pa-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.pa-bob{animation:pa-bob 5.5s ease-in-out infinite}

/* hero */
.pa-hero{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(32px,5vw,72px);padding:clamp(40px,6vw,88px) 0 32px}
.pa-hero-copy{flex:1 1 420px;min-width:0}
.pa-eyebrow i{width:10px;height:10px;border-radius:50%;background:var(--bh-gold)}
.pa-hero h1{font-size:clamp(46px,6.2vw,84px);line-height:1.02;margin:0 0 22px}
.pa-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 22px}
.pa-counts{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0;color:var(--bh-muted);font-size:15px}
.pa-counts b{color:var(--bh-ink);font-size:20px;margin-right:6px}
.pa-wall{flex:1 1 440px;min-width:0;position:relative;height:470px;overflow:hidden;border-radius:40px;background:#0a2540;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
.pa-wall-tilt{position:absolute;left:-12%;top:-14%;width:124%;display:flex;flex-direction:column;gap:22px;transform:rotate(-9deg)}
.pa-lane{display:flex;gap:22px;width:max-content;animation:pa-drift 48s linear infinite}
.pa-lane.is-reverse{animation-name:pa-drift-r;animation-duration:56s}
.pa-lane.is-slow{animation-duration:64s}
.pa-wall:hover .pa-lane,.pa-go-wall:hover .pa-lane{animation-play-state:paused}
.pa-wall-item{flex:none}
@keyframes pa-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pa-drift-r{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* sections */
.pa-section{padding:56px 0 8px}
.pa-section > h2{margin-bottom:22px}
.pa-bar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px;padding-bottom:20px;border-bottom:1px solid var(--bh-line)}
.pa-bar p{margin:6px 0 0;color:var(--bh-muted);font-size:15px}
.pa-search{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border-radius:999px;background:var(--pa-raised);border:1px solid var(--bh-line);flex:0 1 340px;min-width:220px;transition:box-shadow .25s}
.pa-search:focus-within{box-shadow:0 0 0 3px rgba(201,162,39,.4)}
.pa-search svg{width:18px;height:18px;fill:none;stroke:var(--bh-muted);stroke-width:2;stroke-linecap:round;flex:none}
.pa-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 16px var(--bh-body);color:var(--bh-ink)}
.pa-chips{display:flex;flex-wrap:wrap;gap:10px;padding:20px 0 8px}
.pa-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--bh-line);background:var(--pa-raised);color:var(--bh-ink);font:600 15px/1 var(--bh-body);cursor:pointer;transition:transform .45s var(--pa-spring),background .25s,color .25s}
.pa-chip span{opacity:.6;font-weight:700}
.pa-chip:hover{transform:translateY(-2px)}
.pa-chip:active{transform:scale(.95)}
.pa-chip[aria-pressed=true]{background:var(--bh-ink);color:var(--bh-paper);border-color:var(--bh-ink)}

/* cards */
.pa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:20px;padding:18px 0 8px}
.pa-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:22px 22px 18px;min-height:252px;border-radius:30px;background:var(--pa-raised);border:1px solid var(--bh-line);color:var(--bh-ink);text-decoration:none!important;transition:transform .55s var(--pa-spring),box-shadow .4s var(--pa-ease),border-color .3s;animation:pa-rise .8s var(--pa-ease) both;animation-delay:calc(var(--i,0) * 40ms)}
@supports (corner-shape:squircle){.pa-card,.pa-news,.pa-getit,.pa-app-hero,.pa-film,.pa-mini,.pa-features li,.pa-go-card{corner-shape:squircle}}
.pa-card:hover{transform:translateY(-6px);box-shadow:0 26px 56px rgba(10,37,64,.15);border-color:rgba(10,37,64,.2)}
.pa-card:active{transform:translateY(-2px) scale(.975);transition-duration:.12s}
.pa-card:hover .pa-glow{transform:rotate(-6deg) scale(1.08)}
.pa-card .pa-glow{transition:transform .7s var(--pa-spring)}
.pa-card[hidden]{display:none}
.pa-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.pa-card-name{font-weight:800;font-size:21px;letter-spacing:-.01em;line-height:1.2}
.pa-card-cat{margin-top:-10px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bh-muted)}
.pa-card-sum{font-size:15.5px;line-height:1.5;opacity:.88}
.pa-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--bh-line);font-size:13.5px;font-weight:600;color:var(--bh-muted)}
.pa-card-go{display:inline-flex;align-items:center;gap:6px;color:var(--bh-ink);font-weight:700;transition:transform .45s var(--pa-spring)}
.pa-card-go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pa-card:hover .pa-card-go{transform:translateX(5px)}
@keyframes pa-rise{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}
.pa-empty{margin:24px 0;padding:28px;border-radius:24px;background:var(--bh-surface);text-align:center;color:var(--bh-muted)}

/* status pills (each at least 4.5:1) */
.pa-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700;line-height:1;white-space:nowrap}
.pa-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.pa-pill-live{background:#e3f4ea;color:#11643a}
.pa-pill-testing{background:#fff3d6;color:#7a5300}
.pa-pill-web{background:#e3eefb;color:#144a8a}
.pa-pill-soon{background:#eceff3;color:#3f4f5e}

/* what's new */
.pa-news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr));gap:18px;padding-top:22px}
.pa-news a{display:flex;flex-direction:column;gap:12px;height:100%;box-sizing:border-box;padding:22px;border-radius:28px;background:var(--bh-surface);color:var(--bh-ink);text-decoration:none!important;transition:transform .5s var(--pa-spring)}
.pa-news a:hover{transform:translateY(-4px)}
.pa-news-head{display:flex;align-items:center;gap:12px}
.pa-news-head .pa-icon{--s:40px}
.pa-news-head span{display:flex;flex-direction:column;line-height:1.25}
.pa-news-head b{font-size:15px}
.pa-news-head time{font-size:13px;color:var(--bh-muted)}
body.bh26 .pa-news h3,body.bh26 .pa-timeline h3{font-family:var(--bh-body);font-weight:800;letter-spacing:-.01em;font-size:18px;line-height:1.3;margin:0}
.pa-news p{margin:0;font-size:15px;line-height:1.55;color:var(--bh-muted)}

/* store buttons */
.pa-buttons{display:flex;flex-wrap:wrap;gap:12px}
.pa-buttons.is-center{justify-content:center}
.pa-store{display:inline-flex;flex-direction:column;justify-content:center;min-height:56px;padding:0 22px;border-radius:18px;text-decoration:none!important;line-height:1.12;transition:transform .45s var(--pa-spring),box-shadow .3s}
.pa-store small{font-size:12px;font-weight:600;opacity:.8}
.pa-store span{font-size:18px;font-weight:700}
.pa-store.is-primary{background:#0a2540;color:#fff}
.pa-store.is-quiet{background:transparent;color:var(--bh-ink);box-shadow:inset 0 0 0 1.5px var(--bh-line)}
.pa-store.is-muted{background:var(--bh-surface);color:var(--bh-muted)}
.pa-store:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(10,37,64,.16)}
.pa-store:active{transform:scale(.965);transition-duration:.1s}
html[data-theme=dark] .pa-store.is-primary{background:#edf4fb;color:#0a2540}

/* sheet (dialog) */
.pa-sheet{width:min(920px,calc(100% - 24px));max-height:calc(100dvh - 48px);padding:0;border:0;border-radius:36px;background:var(--pa-raised);color:var(--bh-ink);box-shadow:0 40px 120px rgba(7,27,45,.35);overflow:auto}
.pa-sheet::backdrop{background:rgba(7,27,45,.46);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.pa-sheet[open]{animation:pa-sheet-in .6s var(--pa-spring) both}
.pa-sheet[open]::backdrop{animation:pa-fade .3s var(--pa-ease) both}
@keyframes pa-sheet-in{from{opacity:0;transform:translateY(48px) scale(.96)}to{opacity:1;transform:none}}
@keyframes pa-fade{from{opacity:0}to{opacity:1}}
.pa-sheet-head{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:22px;padding:30px 32px 26px;background:var(--tint,#e8eef4);color:#0a2540}
.pa-sheet-head h2{font-size:44px;line-height:1.05;margin:0;color:#0a2540}
.pa-sheet-head p{margin:4px 0 0;font-size:18px;opacity:.85}
.pa-sheet-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.pa-sheet-tags .pa-cat{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700;background:rgba(255,255,255,.75);color:#0a2540}
.pa-close{position:absolute;top:18px;right:18px;width:48px;height:48px;border:0;border-radius:24px;background:rgba(255,255,255,.8);color:#0a2540;display:grid;place-items:center;cursor:pointer;transition:transform .4s var(--pa-spring)}
.pa-close:hover{transform:rotate(90deg)}
.pa-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.pa-sheet-body{display:flex;flex-wrap:wrap;gap:28px;padding:26px 32px 32px}
.pa-sheet-main{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:16px}
.pa-sheet-main p{margin:0;font-size:16.5px;line-height:1.65}
.pa-sheet-side{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:18px}
.pa-sheet-side .pa-buttons{flex-direction:column}
.pa-sheet-side .pa-store{align-items:flex-start}
.pa-get-list{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:22px;background:var(--bh-surface);margin:0;list-style:none}
.pa-get-list b{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--bh-muted)}
.pa-get-list li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45}
.pa-get-list li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;background:#1f7a4d;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4.5 4.5L19 7' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4.5 4.5L19 7' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.pa-textlink{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700;color:var(--bh-ink);text-decoration:none!important}
.pa-textlink::after{content:"→";transition:transform .45s var(--pa-spring)}
.pa-textlink:hover::after{transform:translateX(5px)}
.pa-short{margin:0;font-size:13px;color:var(--bh-muted)}
.pa-short code{color:var(--bh-ink)}

/* film */
.pa-film{position:relative;aspect-ratio:16/9;border-radius:30px;overflow:hidden;background:#071b2d;box-shadow:var(--bh-shadow)}
.pa-film video{display:block;width:100%;height:100%;object-fit:cover;background:#071b2d}
.pa-play{position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px 0 0 -48px;border:0;border-radius:50%;background:rgba(255,255,255,.95);color:#0a2540;display:grid;place-items:center;cursor:pointer;animation:pa-pulse 2.2s var(--pa-ease) infinite;transition:transform .4s var(--pa-spring)}
.pa-play:hover{transform:scale(1.06)}
.pa-play svg{width:36px;height:36px;fill:currentColor;margin-left:4px}
.pa-film.is-playing .pa-play{display:none}
@keyframes pa-pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}100%{box-shadow:0 0 0 22px rgba(255,255,255,0)}}
.pa-credit{margin:10px 4px 0;font-size:13px;color:var(--bh-muted)}

/* detail */
.pa-crumbs{display:flex;gap:8px;align-items:center;padding:22px 0 0;font-size:15px;color:var(--bh-muted)}
.pa-crumbs a{color:var(--bh-muted);font-weight:600}
.pa-crumbs [aria-current]{color:var(--bh-ink);font-weight:700}
.pa-app-hero{position:relative;overflow:hidden;margin-top:18px;border-radius:44px;background:var(--tint);padding:clamp(28px,4vw,56px);display:flex;flex-wrap:wrap;align-items:center;gap:40px;color:#0a2540}
.pa-app-copy{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.pa-app-copy h1{font-size:clamp(52px,6vw,84px);line-height:1;margin:6px 0 0;color:#0a2540}
.pa-tagline{margin:0;font-size:clamp(20px,2vw,26px);line-height:1.3;font-weight:600}
.pa-summary{margin:0;max-width:34em;font-size:17.5px;color:#2e4458}
.pa-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:4px 0 0;font-size:14.5px;font-weight:600;color:#2e4458}
.pa-phones{flex:1 1 340px;min-width:0;position:relative;height:560px;display:flex;align-items:center;justify-content:center}
.pa-phone{display:block;width:262px;height:540px;border-radius:46px;padding:10px;background:#0b1520;box-shadow:0 40px 80px rgba(7,27,45,.35);animation:pa-tilt 1s var(--pa-spring) both;position:relative;margin-left:-110px}
.pa-phone img{display:block;width:100%;height:100%;object-fit:cover;border-radius:37px;background:#fff}
.pa-phone.is-back{position:absolute;left:50%;top:40px;width:226px;height:470px;margin-left:30px;transform:rotate(8deg);opacity:.95;animation:pa-tilt2 1.1s var(--pa-spring) .15s both}
@keyframes pa-tilt{from{opacity:0;transform:translateY(40px) rotate(4deg)}to{opacity:1;transform:none}}
@keyframes pa-tilt2{from{opacity:0;transform:translate(40px,60px) rotate(14deg)}to{opacity:.95;transform:rotate(8deg)}}
.pa-getit{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;margin-top:22px;padding:22px 26px;border-radius:30px;background:var(--pa-raised);border:1px solid var(--bh-line)}
.pa-getit > div:first-of-type{flex:1 1 300px;display:flex;flex-direction:column;gap:4px}
.pa-getit b{font-size:20px}
.pa-getit span{color:var(--bh-muted);font-size:15.5px}
.pa-qr{width:112px;height:112px;border-radius:14px;flex:none;background:#fff}
.pa-qr.is-big{width:184px;height:184px;padding:10px;border-radius:20px;box-shadow:0 10px 30px rgba(10,37,64,.12)}
.pa-copy{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 6px 0 16px;border-radius:999px;background:var(--bh-surface)}
.pa-copy code{font-size:14px}
.pa-copy .bh26-button{min-height:38px;padding:6px 14px;border-radius:999px}
.pa-split{display:flex;flex-wrap:wrap;gap:28px 64px}
.pa-split > *{flex:1 1 380px;min-width:0}
.pa-prose h2{margin-bottom:16px}
.pa-prose p{font-size:18px;line-height:1.7;margin:0 0 14px}
.pa-features{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:14px;align-content:start}
.pa-features li{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:24px;background:var(--pa-raised);border:1px solid var(--bh-line);font-weight:700;font-size:16.5px;line-height:1.35}
.pa-features li span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--bh-surface)}
.pa-features svg{width:20px;height:20px;fill:none;stroke:#1f7a4d;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.pa-shelf{display:flex;gap:22px;overflow-x:auto;padding:8px 2px 20px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab}
.pa-shelf::-webkit-scrollbar{display:none}
.pa-shelf.is-dragging{cursor:grabbing;scroll-snap-type:none}
.pa-shelf img{flex:none;width:250px;height:auto;aspect-ratio:9/19.5;object-fit:cover;border-radius:34px;border:8px solid #0b1520;background:#fff;scroll-snap-align:start;box-shadow:0 20px 44px rgba(7,27,45,.18);user-select:none;-webkit-user-drag:none}
.pa-timeline{list-style:none;margin:0;padding:0}
.pa-timeline li{position:relative;padding:0 0 30px 34px;margin-left:8px;border-left:2px solid var(--bh-line)}
.pa-timeline li::before{content:"";position:absolute;left:-9px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--bh-gold);box-shadow:0 0 0 5px var(--bh-paper)}
.pa-timeline time{display:block;font-size:14px;font-weight:700;color:var(--bh-muted)}
.pa-timeline h3{margin:4px 0 6px}
.pa-timeline p{margin:0;font-size:16.5px;color:var(--bh-muted)}
.pa-mini-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:16px}
.pa-mini{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:26px;background:var(--pa-raised);border:1px solid var(--bh-line);color:var(--bh-ink);text-decoration:none!important;transition:transform .5s var(--pa-spring),box-shadow .3s}
.pa-mini:hover{transform:translateY(-4px);box-shadow:var(--bh-shadow)}
.pa-mini .pa-icon{--s:56px}
.pa-mini > span{display:flex;flex-direction:column;gap:2px;min-width:0}
.pa-mini b{font-size:17px}
.pa-mini span span{font-size:14px;color:var(--bh-muted);line-height:1.4}

/* universal-link page */
.pa-go-body .pa-main{width:100%;max-width:none}
.pa-go{position:relative;min-height:calc(100dvh - 80px);display:grid;place-items:center;padding:48px 20px;background:#0a2540;overflow:hidden;margin-inline:calc(50% - 50vw)}
.pa-go-wall{position:absolute;inset:-10%;opacity:.22}
.pa-go-wall .pa-wall-tilt{left:0;top:0;width:100%;gap:26px}
.pa-go-wall .pa-lane{gap:26px}
.pa-go-card{position:relative;width:min(620px,100%);box-sizing:border-box;border-radius:40px;background:#f4f7fa;color:#0a2540;box-shadow:0 50px 120px rgba(0,0,0,.45);padding:40px clamp(24px,5vw,48px);display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;animation:pa-sheet-in .7s var(--pa-spring) both}
.pa-go-card h1{font-size:46px;line-height:1.05;margin:0;color:#0a2540}
.pa-go-card p{margin:0;max-width:28em;color:#4f6476}
.pa-go-card code{font-size:13.5px;color:#4f6476}
.pa-404{text-align:center;padding:96px 0}

@media (max-width:640px){
  .pa-wall{height:260px;border-radius:28px}
  .pa-wall-tilt{gap:14px}
  .pa-lane{gap:14px}
  .pa-wall .pa-glow{--s:72px!important}
  .pa-sheet{border-radius:28px 28px 0 0;width:100%;max-width:100%;max-height:92dvh;margin:auto 0 0}
  .pa-sheet-head{padding:24px 20px 20px}
  .pa-sheet-head h2{font-size:34px}
  .pa-sheet-body{padding:20px}
  .pa-phones{height:440px}
  .pa-phone{width:200px;height:420px;margin-left:-70px}
  .pa-phone.is-back{width:170px;height:360px;margin-left:10px}
  .pa-app-hero{border-radius:32px}
  .pa-shelf img{width:196px}
}
html[data-motion=reduced] .pa-lane,html[data-motion=reduced] .pa-bob,html[data-motion=reduced] .pa-card,html[data-motion=reduced] .pa-play,html[data-motion=reduced] .pa-phone,html[data-motion=reduced] .pa-sheet[open],html[data-motion=reduced] .pa-go-card{animation:none!important}
@media (prefers-reduced-motion:reduce){.pa-lane,.pa-bob,.pa-card,.pa-play,.pa-phone,.pa-sheet[open],.pa-go-card{animation:none!important}.pa-card,.pa-chip,.pa-store,.pa-mini{transition:none}}
