/* Benefits page · Powder Flat-lay (passes + kiosk card-ready look). Tokens only.
   Plaster base (--color-surface-2), ink text, forest labels; the kiosk-bg photo is the hero and never carries text:
   every word sits on a solid plaster panel. ₱30 chip = forest (--color-accent) + cream (--color-on-accent); no mint on plaster; no glass. */
.bn{--color-bg:var(--color-surface-2);background:var(--color-surface-2);color:var(--color-fg);font-size:var(--text-md);line-height:var(--leading-normal);margin:0}
.bn::before{display:none}
.bn-panel{background:var(--color-surface-2);border-radius:var(--radius-xl);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 18px 44px rgba(70,58,44,.16),0 3px 10px rgba(70,58,44,.10)}
.bn-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);max-width:1180px;margin:0 auto;padding:max(var(--space-3),env(safe-area-inset-top)) var(--space-4) var(--space-3)}
.bn-top__brand{display:inline-flex;align-items:center;min-height:var(--target-min);padding:6px 16px;border-radius:var(--radius-pill)}
.bn-top__wordmark{height:26px;width:auto;display:block}
.bn-top__cta,.bn-cta{display:inline-flex;align-items:center;justify-content:center;min-height:var(--target-comfortable);padding:0 var(--space-5);background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-pill);font-weight:var(--weight-semibold);text-decoration:none;font-size:var(--text-md)}
.bn-top__cta:hover,.bn-cta:hover{background:var(--color-accent-hover)}.bn-top__cta:active,.bn-cta:active{background:var(--color-accent-pressed)}
.bn a:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.bn-main{max-width:1180px;margin:0 auto;padding:0 var(--space-4) var(--space-10)}
/* hero: photo block + overlapping solid panel */
.bn-hero{position:relative;margin-top:var(--space-2)}
.bn-hero__photo{height:300px;border-radius:var(--radius-xl);background:var(--color-surface-2) url(/static/brand/kiosk-bg.jpg) 30% 50%/cover no-repeat}
.bn-hero__panel{position:relative;margin:-56px var(--space-3) 0;padding:var(--space-6)}
.bn-hero h1{margin:0;font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);color:var(--color-fg)}
.bn-hero__sub{margin:var(--space-2) 0 0;color:var(--color-fg-muted)}
.bn-hero__line{margin:var(--space-4) 0 0;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-weight:var(--weight-semibold)}
.bn-hero .bn-cta{margin-top:var(--space-5);width:100%}
.bn-chip{display:inline-flex;align-items:center;min-height:32px;padding:4px 14px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font-weight:var(--weight-semibold);font-size:var(--text-md);white-space:nowrap}
.bn-sec{margin:0 0 var(--space-3);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-title);color:var(--color-fg)}
.bn-plans{margin-top:var(--space-10)}
.bn-plans__grid{display:grid;gap:var(--space-4)}
/* Free vs Premium comparison (Timothy 20 Oct 2026). Emphasised words first + bold; forest check discs (cream tick), ink dash; tokens only, no lime/mint. */
.bn-compare{padding:var(--space-4) var(--space-5) var(--space-6)}
.bn-table{width:100%;border-collapse:collapse;table-layout:fixed}
.bn-table th,.bn-table td{padding:var(--space-4) var(--space-2);border-bottom:1px solid var(--color-border);vertical-align:middle;text-align:center}
.bn-table thead th{font-size:15px;text-transform:none;letter-spacing:0;font-weight:var(--weight-semibold);color:var(--color-fg);padding-top:var(--space-2);border-bottom-width:1.5px}
.bn-table thead th:first-child,.bn-table tbody th{text-align:left;padding-left:0}
.bn-table thead th.bn-table__prem{color:var(--color-accent);font-weight:var(--weight-bold)}
.bn-table tbody th{font-weight:var(--weight-regular);font-size:var(--text-md);line-height:1.35;color:var(--color-fg);text-transform:none;letter-spacing:0}.bn-table tbody th b{font-weight:var(--weight-bold);color:var(--color-fg)}
.bn-table col,.bn-table th:first-child{width:48%}
.bn-yes{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--color-accent);color:var(--color-on-accent)}
.bn-no{display:inline-block;width:26px;height:2px;border-radius:2px;background:var(--color-fg);vertical-align:middle}
.bn-prices{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-5)}
.bn-prices .bn-price{font-size:var(--text-2xl)}
.bn-card{padding:var(--space-6)}
.bn-card--premium{box-shadow:0 0 0 2px var(--color-accent) inset,0 18px 44px rgba(70,58,44,.16),0 3px 10px rgba(70,58,44,.10)}
.bn-label{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--color-accent)}
.bn-price{margin:var(--space-1) 0 0;font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display)}.bn-price span{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-fg-muted);letter-spacing:0}
.bn-subp{margin:2px 0 0;font-size:15px;color:var(--color-fg-muted)}
.bn ul{margin:var(--space-4) 0 0;padding-left:22px}.bn li{margin:6px 0}
.bn li.bn-hi{list-style:none;margin-left:-22px;display:flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-semibold)}
.bn-cols{display:grid;gap:var(--space-4);margin-top:var(--space-8)}.bn-col{display:grid;gap:var(--space-4);align-content:start}
.bn-block{padding:var(--space-6)}
.bn-steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4)}.bn-steps li{display:flex;gap:var(--space-3);align-items:flex-start;margin:0}
.bn-num{flex:none;width:36px;height:36px;border-radius:50%;background:var(--color-accent);color:var(--color-on-accent);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:var(--text-md)}
.bn-steps div>b{display:block;font-weight:var(--weight-semibold)}.bn-steps div>span{display:block;color:var(--color-fg-muted)}.bn-steps div>span b{font-weight:var(--weight-semibold);color:var(--color-fg)}
.bn-note{margin:0;color:var(--color-fg-muted)}
.bn-branches{display:grid;gap:var(--space-3)}
/* Branch map buttons (Timothy 20 Oct 2026: no street addresses, Google Maps links instead). Forest outline on plaster, fills forest/cream on hover; 48px targets; no mint. */
.bn-map{display:flex;align-items:center;gap:var(--space-3);min-height:var(--target-counter);padding:var(--space-2) var(--space-4);border:1.5px solid var(--color-accent);border-radius:var(--radius-pill);color:var(--color-fg);text-decoration:none;background:transparent}
.bn-map b{display:block;font-weight:var(--weight-semibold)}.bn-map small{display:block;font-size:15px;color:var(--color-fg-muted)}
.bn-map__pin{flex:none;color:var(--color-accent)}.bn-map__go{margin-left:auto;font-size:20px;color:var(--color-accent)}
.bn-map:hover{background:var(--color-accent);color:var(--color-on-accent)}.bn-map:hover small,.bn-map:hover .bn-map__pin,.bn-map:hover .bn-map__go{color:var(--color-on-accent)}
.bn-map:active{background:var(--color-accent-pressed);color:var(--color-on-accent)}
.bn-map:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.bn-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bn-branch b{display:block;font-weight:var(--weight-semibold)}.bn-branch span{font-size:15px;color:var(--color-fg-muted)}
.bn-faq details{border-top:1px solid var(--color-border);padding:var(--space-1) 0}.bn-faq details:first-of-type{border-top:0}
.bn-faq summary{cursor:pointer;min-height:var(--target-min);border:0;padding:0;background:transparent;display:flex;align-items:center;font-weight:var(--weight-semibold);border-radius:var(--radius-sm)}
.bn-faq summary:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.bn-faq p{margin:0 0 var(--space-3);color:var(--color-fg-muted)}
.bn-foot{margin-top:var(--space-8);padding:var(--space-4) var(--space-5);text-align:center;font-size:15px;color:var(--color-fg-muted)}
.bn-foot a{color:var(--color-accent);font-weight:var(--weight-semibold)}
@media (max-width:420px){.bn-compare{padding:var(--space-3) var(--space-3) var(--space-5)}.bn-table thead th{font-size:13px}.bn-table th,.bn-table td{padding:var(--space-3) 4px}.bn-table th:first-child{width:46%}.bn-table tbody th{font-size:16px}.bn-prices{grid-template-columns:1fr}}
@media (forced-colors:active){.bn-yes{border:2px solid CanvasText}.bn-no{background:CanvasText}}
@media (min-width:900px){
  .bn-compare{padding:var(--space-6) var(--space-8) var(--space-8)}.bn-table thead th{font-size:var(--text-md)}
  .bn-hero{min-height:520px}
  .bn-hero__photo{position:absolute;inset:0;height:auto;background-position:center}
  .bn-hero__panel{position:absolute;right:var(--space-8);top:50%;transform:translateY(-50%);margin:0;width:440px;padding:var(--space-8)}
  .bn-hero h1{font-size:var(--text-4xl)}
  .bn-plans__grid{grid-template-columns:1fr 1fr}
  .bn-cols{grid-template-columns:1fr 1fr}
}
@media (prefers-contrast:more){.bn-table th,.bn-table td{border-bottom-color:var(--color-fg)}.bn-map{border-width:2px}.bn-panel{box-shadow:none;border:2px solid var(--color-fg)}.bn-subp,.bn-note,.bn-faq p,.bn-map small,.bn-steps div>span,.bn-hero__sub,.bn-foot{color:var(--color-fg)}}
@media (prefers-reduced-transparency:reduce){.bn-panel{box-shadow:none;border:1px solid var(--color-border)}}