/* ==========================================================================
   kirkira mobile display stylesheet
   Palette: deep charcoal base, wheat ink, peru accent
   Design: rounded headings + compact body, small-medium radii,
   outlined tile game cards, segmented action bar navigation
   ========================================================================== */

:root{
  --frame6442a-bg:#3a3a3a;
  --frame6442a-bg-deep:#2c2c2c;
  --frame6442a-bg-raise:#343434;
  --frame6442a-card:#383838;
  --frame6442a-ink:#deb887;
  --frame6442a-ink-bright:#efd3a4;
  --frame6442a-ink-soft:#c9a876;
  --frame6442a-ink-dim:#a98e63;
  --frame6442a-accent:#cd853f;
  --frame6442a-accent-deep:#b5722f;
  --frame6442a-accent-soft:rgba(205,133,63,.18);
  --frame6442a-line:rgba(222,184,135,.26);
  --frame6442a-line-soft:rgba(222,184,135,.14);
  --frame6442a-radius-s:8px;
  --frame6442a-radius-m:14px;
  --frame6442a-radius-l:18px;
  --frame6442a-shadow:0 8px 22px rgba(0,0,0,.38);
  --frame6442a-head-font:'Baloo Da 2','Hind Siliguri','Noto Sans Bengali',system-ui,sans-serif;
  --frame6442a-body-font:'Hind Siliguri','Noto Sans Bengali',system-ui,-apple-system,sans-serif;
  --frame6442a-header-h:96px;
  --frame6442a-nav-h:66px;
}

*,*::before,*::after{box-sizing:border-box;}

html,body{margin:0;padding:0;}

html{-webkit-text-size-adjust:100%;}

body{
  background:#1f1f1f;
  color:var(--frame6442a-ink);
  font-family:var(--frame6442a-body-font);
  font-size:14px;
  line-height:1.62;
  min-height:100vh;
  overflow-x:hidden;
}

img{max-width:100%;display:block;border-style:none;}

a{color:var(--frame6442a-ink-bright);text-decoration:none;}

ul,ol{margin:0;padding:0;}

li{list-style:none;}

button{font-family:inherit;border:none;background:none;color:inherit;cursor:pointer;padding:0;}

:focus-visible{outline:2px solid var(--frame6442a-accent);outline-offset:2px;border-radius:4px;}

/* --------------------------------------------------------------------------
   Page shell: stable phone canvas, centered on wide screens
   -------------------------------------------------------------------------- */

.frame6442a-shell{
  position:relative;
  width:100%;
  max-width:430px;
  margin:0 auto;
  min-height:100vh;
  background:
    radial-gradient(120% 42% at 50% 0%,rgba(205,133,63,.14),transparent 62%),
    linear-gradient(180deg,#3d3d3d 0%,var(--frame6442a-bg) 26%,#363636 100%);
  box-shadow:0 0 44px rgba(0,0,0,.5);
  overflow:hidden;
}

.frame6442a-main{
  padding:calc(var(--frame6442a-header-h) + 10px) 12px calc(var(--frame6442a-nav-h) + 26px);
}

/* --------------------------------------------------------------------------
   Fixed header: centered identity bar + separate action row
   -------------------------------------------------------------------------- */

.frame6442a-header{
  position:fixed;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:min(430px,100%);
  z-index:60;
  background:linear-gradient(180deg,rgba(44,44,44,.98),rgba(46,46,46,.96));
  border-bottom:1px solid var(--frame6442a-line);
  backdrop-filter:blur(8px);
}

.frame6442a-brandbar{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  height:50px;
  padding:0 12px;
  position:relative;
}

.frame6442a-brandbar::before,
.frame6442a-brandbar::after{
  content:"";
  position:absolute;
  top:50%;
  width:52px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--frame6442a-line));
}

.frame6442a-brandbar::before{left:14px;}

.frame6442a-brandbar::after{right:14px;transform:scaleX(-1);}

.frame6442a-logo{
  width:34px;
  height:34px;
  border-radius:10px;
  border:1px solid var(--frame6442a-line);
  background:var(--frame6442a-accent-soft);
  object-fit:cover;
  flex:none;
}

.frame6442a-brandname{
  font-family:var(--frame6442a-head-font);
  font-size:21px;
  font-weight:700;
  letter-spacing:.4px;
  color:var(--frame6442a-ink-bright);
  line-height:1;
}

.frame6442a-actionrow{
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 12px 9px;
}

.frame6442a-menubtn{
  flex:none;
  width:42px;
  height:42px;
  border-radius:var(--frame6442a-radius-s);
  border:1px solid var(--frame6442a-line);
  background:var(--frame6442a-bg-raise);
  display:grid;
  place-items:center;
  transition:border-color .18s ease;
}

.frame6442a-menubtn svg{width:20px;height:20px;stroke:var(--frame6442a-ink);}

.frame6442a-menubtn[aria-expanded="true"]{
  border-color:var(--frame6442a-accent);
  background:var(--frame6442a-accent-soft);
}

.frame6442a-register{
  flex:1 1 auto;
  height:44px;
  border-radius:var(--frame6442a-radius-m);
  background:linear-gradient(160deg,var(--frame6442a-accent) 0%,var(--frame6442a-accent-deep) 100%);
  color:#2c2418;
  font-family:var(--frame6442a-head-font);
  font-size:15.5px;
  font-weight:700;
  letter-spacing:.3px;
  box-shadow:0 4px 14px rgba(205,133,63,.35);
  transition:transform .16s ease,filter .16s ease;
}

.frame6442a-login{
  flex:0 0 auto;
  min-width:88px;
  height:37px;
  padding:0 14px;
  border-radius:var(--frame6442a-radius-m);
  border:1px solid var(--frame6442a-accent);
  color:var(--frame6442a-ink-bright);
  font-size:13.5px;
  font-weight:600;
  align-self:flex-end;
  margin-bottom:1px;
  transition:transform .16s ease,background-color .16s ease;
}

.frame6442a-register:active,
.frame6442a-login:active{
  transform:scale(.955);
}

.frame6442a-login:active{background:var(--frame6442a-accent-soft);}

/* Layered dropdown menu panel */

.frame6442a-menu{
  position:absolute;
  top:100%;
  left:0;
  right:0;
  background:rgba(40,40,40,.99);
  border-bottom:1px solid var(--frame6442a-line);
  box-shadow:var(--frame6442a-shadow);
  max-height:0;
  overflow:hidden;
  transition:max-height .3s ease;
}

.frame6442a-menu[data-open="1"]{max-height:560px;}

.frame6442a-menulayer{
  padding:10px 14px 4px;
}

.frame6442a-menulayer + .frame6442a-menulayer{
  border-top:1px dashed var(--frame6442a-line-soft);
}

.frame6442a-menucaption{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:11px;
  font-weight:600;
  letter-spacing:1.2px;
  text-transform:uppercase;
  color:var(--frame6442a-accent);
  margin:4px 0 7px;
}

.frame6442a-menucaption::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:2px;
  background:var(--frame6442a-accent);
}

.frame6442a-menugrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}

.frame6442a-menulink{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:8px 10px;
  border-radius:var(--frame6442a-radius-s);
  border:1px solid var(--frame6442a-line-soft);
  background:var(--frame6442a-bg-raise);
  font-size:12.5px;
  color:var(--frame6442a-ink);
}

.frame6442a-menulink span{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--frame6442a-ink-dim);
  flex:none;
}

.frame6442a-menulink[aria-current="page"]{
  border-color:var(--frame6442a-accent);
  color:var(--frame6442a-ink-bright);
  background:var(--frame6442a-accent-soft);
}

.frame6442a-menulink[aria-current="page"] span{background:var(--frame6442a-accent);}

/* --------------------------------------------------------------------------
   Hero carousel with three local promo banners
   -------------------------------------------------------------------------- */

.frame6442a-hero{
  position:relative;
  border-radius:var(--frame6442a-radius-l);
  overflow:hidden;
  border:1px solid var(--frame6442a-line);
  box-shadow:var(--frame6442a-shadow);
  background:var(--frame6442a-bg-deep);
}

.frame6442a-herotrack{
  display:flex;
  transition:transform .45s cubic-bezier(.4,0,.2,1);
}

.frame6442a-heroslide{
  flex:0 0 100%;
  position:relative;
  display:block;
}

.frame6442a-heroslide img{
  width:100%;
  aspect-ratio:2.32/1;
  object-fit:cover;
}

.frame6442a-herocaption{
  position:absolute;
  left:0;right:0;bottom:0;
  padding:26px 14px 12px;
  background:linear-gradient(180deg,transparent,rgba(28,28,28,.92));
  font-family:var(--frame6442a-head-font);
  font-size:15px;
  font-weight:600;
  color:var(--frame6442a-ink-bright);
}

.frame6442a-herocaption small{
  display:block;
  font-family:var(--frame6442a-body-font);
  font-size:11px;
  font-weight:500;
  color:var(--frame6442a-ink-soft);
  letter-spacing:.2px;
}

.frame6442a-herodots{
  position:absolute;
  bottom:8px;
  right:12px;
  display:flex;
  gap:6px;
  z-index:3;
}

.frame6442a-herodot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:rgba(222,184,135,.4);
  border:none;
  padding:0;
  transition:background-color .2s ease,transform .2s ease;
}

.frame6442a-herodot[data-on="1"]{
  background:var(--frame6442a-accent);
  transform:scale(1.25);
}

.frame6442a-heroarrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  width:34px;
  height:44px;
  display:grid;
  place-items:center;
  color:var(--frame6442a-ink-bright);
  background:rgba(30,30,30,.45);
  border:none;
}

.frame6442a-heroarrow svg{width:18px;height:18px;stroke:currentColor;}

.frame6442a-heroarrow--prev{left:0;border-radius:0 10px 10px 0;}

.frame6442a-heroarrow--next{right:0;border-radius:10px 0 0 10px;}

/* --------------------------------------------------------------------------
   Compact metric strip under hero
   -------------------------------------------------------------------------- */

.frame6442a-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
  margin:12px 0 4px;
}

.frame6442a-stat{
  border:1px solid var(--frame6442a-line-soft);
  border-radius:var(--frame6442a-radius-s);
  background:var(--frame6442a-bg-raise);
  padding:8px 4px 7px;
  text-align:center;
}

.frame6442a-stat b{
  display:block;
  font-family:var(--frame6442a-head-font);
  font-size:15px;
  font-weight:700;
  color:var(--frame6442a-ink-bright);
  line-height:1.15;
}

.frame6442a-stat span{
  display:block;
  font-size:9.5px;
  line-height:1.35;
  color:var(--frame6442a-ink-dim);
  margin-top:2px;
}

/* --------------------------------------------------------------------------
   Section shells and headings
   -------------------------------------------------------------------------- */

.frame6442a-section{
  margin-top:20px;
}

.frame6442a-h1{
  font-family:var(--frame6442a-head-font);
  font-size:21px;
  font-weight:700;
  line-height:1.3;
  color:var(--frame6442a-ink-bright);
  margin:10px 2px 8px;
}

.frame6442a-h2{
  display:flex;
  align-items:center;
  gap:8px;
  font-family:var(--frame6442a-head-font);
  font-size:17px;
  font-weight:700;
  line-height:1.35;
  color:var(--frame6442a-ink-bright);
  margin:0 0 10px;
}

.frame6442a-h2::before{
  content:"";
  flex:none;
  width:8px;
  height:18px;
  border-radius:3px;
  background:linear-gradient(180deg,var(--frame6442a-accent),var(--frame6442a-accent-deep));
}

.frame6442a-lede{
  margin:0 0 4px;
  color:var(--frame6442a-ink-soft);
  font-size:13px;
}

.frame6442a-prose{
  margin:0;
  font-size:13px;
  color:var(--frame6442a-ink);
}

.frame6442a-prose + .frame6442a-prose{margin-top:8px;}

/* --------------------------------------------------------------------------
   Game zone: category blocks with outlined tile cards
   -------------------------------------------------------------------------- */

.frame6442a-cat{
  margin-top:16px;
}

.frame6442a-cathead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:8px;
}

.frame6442a-h3{
  display:flex;
  align-items:center;
  gap:7px;
  font-family:var(--frame6442a-head-font);
  font-size:15px;
  font-weight:700;
  color:var(--frame6442a-ink-bright);
  margin:0;
}

.frame6442a-h3::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:2px;
  border:1.5px solid var(--frame6442a-accent);
  flex:none;
}

.frame6442a-catcount{
  flex:none;
  font-size:10.5px;
  font-weight:600;
  color:var(--frame6442a-ink-dim);
  border:1px solid var(--frame6442a-line-soft);
  border-radius:999px;
  padding:2px 9px;
  background:var(--frame6442a-bg-raise);
}

.frame6442a-catnote{
  margin:0 0 9px;
  font-size:11.5px;
  line-height:1.5;
  color:var(--frame6442a-ink-dim);
}

.frame6442a-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
}

.frame6442a-tile{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:5px 5px 6px;
  border:1px solid var(--frame6442a-line);
  border-radius:10px;
  background:linear-gradient(180deg,#3c3c3c,#353535);
  text-align:center;
}

.frame6442a-tile img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:7px;
  background:#2c2c2c;
}

.frame6442a-tile b{
  font-size:10.5px;
  font-weight:600;
  line-height:1.3;
  color:var(--frame6442a-ink);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:27px;
  word-break:break-word;
}

.frame6442a-chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:9px;
}

.frame6442a-chip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:32px;
  padding:4px 11px;
  border-radius:999px;
  border:1px dashed var(--frame6442a-line);
  font-size:11px;
  font-weight:600;
  color:var(--frame6442a-ink-soft);
  background:rgba(44,44,44,.5);
}

.frame6442a-chip::before{
  content:"";
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--frame6442a-accent);
}

/* --------------------------------------------------------------------------
   Content module blocks
   -------------------------------------------------------------------------- */

.frame6442a-card{
  border:1px solid var(--frame6442a-line-soft);
  border-left:3px solid var(--frame6442a-accent);
  border-radius:var(--frame6442a-radius-s);
  background:var(--frame6442a-bg-raise);
  padding:11px 12px;
  margin-bottom:9px;
}

.frame6442a-card h3{
  font-family:var(--frame6442a-head-font);
  font-size:13.5px;
  font-weight:700;
  color:var(--frame6442a-ink-bright);
  margin:0 0 5px;
}

.frame6442a-card p{
  margin:0;
  font-size:12.5px;
  color:var(--frame6442a-ink);
}

.frame6442a-card p + p{margin-top:6px;}

.frame6442a-minilist{
  margin:6px 0 0;
  display:grid;
  gap:4px;
}

.frame6442a-minilist li{
  position:relative;
  padding-left:16px;
  font-size:12px;
  color:var(--frame6442a-ink-soft);
}

.frame6442a-minilist li::before{
  content:"";
  position:absolute;
  left:2px;
  top:7px;
  width:6px;
  height:2px;
  border-radius:2px;
  background:var(--frame6442a-accent);
}

/* FAQ accordion */

.frame6442a-faq{
  border:1px solid var(--frame6442a-line-soft);
  border-radius:var(--frame6442a-radius-m);
  background:var(--frame6442a-bg-raise);
  padding:2px 12px;
}

.frame6442a-faq details{
  border-bottom:1px dashed var(--frame6442a-line-soft);
}

.frame6442a-faq details:last-child{border-bottom:none;}

.frame6442a-faq summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:50px;
  padding:10px 0;
  font-size:13px;
  font-weight:600;
  color:var(--frame6442a-ink-bright);
  cursor:pointer;
  list-style:none;
}

.frame6442a-faq summary::-webkit-details-marker{display:none;}

.frame6442a-faq summary::after{
  content:"+";
  flex:none;
  width:22px;
  height:22px;
  border-radius:50%;
  border:1px solid var(--frame6442a-line);
  display:grid;
  place-items:center;
  font-size:14px;
  font-weight:600;
  color:var(--frame6442a-accent);
  transition:transform .2s ease;
}

.frame6442a-faq details[open] summary::after{transform:rotate(45deg);}

.frame6442a-faq p{
  margin:0 0 12px;
  font-size:12.5px;
  color:var(--frame6442a-ink-soft);
}

/* Steps list */

.frame6442a-steps{
  display:grid;
  gap:9px;
  counter-reset:frame6442a-step;
}

.frame6442a-step{
  display:flex;
  gap:11px;
  align-items:flex-start;
  border:1px solid var(--frame6442a-line-soft);
  border-radius:var(--frame6442a-radius-m);
  background:var(--frame6442a-bg-raise);
  padding:11px 12px;
}

.frame6442a-stepnum{
  flex:none;
  width:30px;
  height:30px;
  border-radius:10px;
  background:var(--frame6442a-accent-soft);
  border:1px solid var(--frame6442a-accent);
  color:var(--frame6442a-ink-bright);
  font-family:var(--frame6442a-head-font);
  font-size:14px;
  font-weight:700;
  display:grid;
  place-items:center;
}

.frame6442a-step b{
  display:block;
  font-size:13px;
  color:var(--frame6442a-ink-bright);
  margin-bottom:2px;
}

.frame6442a-step p{
  margin:0;
  font-size:12px;
  color:var(--frame6442a-ink-soft);
}

/* Achievement metric cards */

.frame6442a-metrics{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.frame6442a-metric{
  border:1px solid var(--frame6442a-line);
  border-radius:var(--frame6442a-radius-m);
  background:linear-gradient(180deg,#3b3b3b,#343434);
  padding:11px 12px;
}

.frame6442a-metric b{
  display:block;
  font-family:var(--frame6442a-head-font);
  font-size:16px;
  font-weight:700;
  color:var(--frame6442a-accent);
  line-height:1.2;
}

.frame6442a-metric span{
  display:block;
  font-size:10.5px;
  line-height:1.45;
  color:var(--frame6442a-ink-dim);
  margin-top:3px;
}

.frame6442a-metric em{
  display:block;
  font-style:normal;
  font-size:11.5px;
  color:var(--frame6442a-ink-soft);
  margin-top:4px;
}

/* Term definition list */

.frame6442a-terms{
  display:grid;
  gap:8px;
}

.frame6442a-term{
  border:1px solid var(--frame6442a-line-soft);
  border-radius:var(--frame6442a-radius-s);
  background:var(--frame6442a-bg-raise);
  padding:10px 12px;
}

.frame6442a-term dt{
  font-family:var(--frame6442a-head-font);
  font-size:13px;
  font-weight:700;
  color:var(--frame6442a-accent);
  margin-bottom:3px;
}

.frame6442a-term dd{
  margin:0;
  font-size:12px;
  color:var(--frame6442a-ink-soft);
}

/* --------------------------------------------------------------------------
   Extended footer: promo strip, brand note, two-column directory, disclaimer
   -------------------------------------------------------------------------- */

.frame6442a-extend{
  margin-top:24px;
  border-top:1px solid var(--frame6442a-line);
  padding-top:16px;
}

.frame6442a-promostrip{
  display:flex;
  gap:8px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding:2px 2px 8px;
  margin:0 -2px;
  scrollbar-width:none;
}

.frame6442a-promostrip::-webkit-scrollbar{display:none;}

.frame6442a-promocard{
  flex:0 0 138px;
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:11px 10px;
  border-radius:var(--frame6442a-radius-m);
  border:1px solid var(--frame6442a-line);
  background:linear-gradient(150deg,rgba(205,133,63,.16),rgba(56,56,56,.9));
  text-align:left;
}

.frame6442a-promocard svg{width:22px;height:22px;stroke:var(--frame6442a-accent);}

.frame6442a-promocard b{
  font-size:12.5px;
  font-weight:700;
  color:var(--frame6442a-ink-bright);
  line-height:1.3;
}

.frame6442a-promocard span{
  font-size:10px;
  color:var(--frame6442a-ink-dim);
  line-height:1.4;
}

.frame6442a-brandnote{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin:14px 0;
  padding:12px;
  border-radius:var(--frame6442a-radius-m);
  border:1px solid var(--frame6442a-line-soft);
  background:var(--frame6442a-bg-raise);
}

.frame6442a-brandnote img{
  flex:none;
  width:40px;
  height:40px;
  border-radius:11px;
  border:1px solid var(--frame6442a-line);
  object-fit:cover;
}

.frame6442a-brandnote p{
  margin:0;
  font-size:11.5px;
  line-height:1.55;
  color:var(--frame6442a-ink-soft);
}

.frame6442a-directory{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}

.frame6442a-directory a{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:40px;
  padding:7px 9px;
  border-radius:var(--frame6442a-radius-s);
  border:1px solid var(--frame6442a-line-soft);
  background:rgba(44,44,44,.55);
  font-size:11px;
  font-weight:600;
  color:var(--frame6442a-ink-soft);
}

.frame6442a-directory a::before{
  content:"";
  flex:none;
  width:5px;
  height:5px;
  border-radius:1.5px;
  background:var(--frame6442a-accent);
  transform:rotate(45deg);
}

.frame6442a-disclaimer{
  margin-top:12px;
  padding:9px 11px;
  border-radius:var(--frame6442a-radius-s);
  border:1px dashed var(--frame6442a-line);
  font-size:10px;
  line-height:1.5;
  color:var(--frame6442a-ink-dim);
}

/* Common footer: copyright only */

.frame6442a-footer{
  margin-top:18px;
  padding:12px 0 4px;
  border-top:1px solid var(--frame6442a-line-soft);
  text-align:center;
  font-size:10.5px;
  color:var(--frame6442a-ink-dim);
}

/* --------------------------------------------------------------------------
   Fixed segmented action bar (mobile bottom navigation)
   -------------------------------------------------------------------------- */

.frame6442a-bottomnav{
  position:fixed;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:min(430px,100%);
  height:calc(var(--frame6442a-nav-h) + env(safe-area-inset-bottom,0px));
  padding-bottom:env(safe-area-inset-bottom,0px);
  z-index:70;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  background:rgba(38,38,38,.98);
  border-top:1px solid var(--frame6442a-line);
  backdrop-filter:blur(10px);
}

.frame6442a-navitem{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  min-height:44px;
  padding:6px 2px 5px;
}

.frame6442a-navitem + .frame6442a-navitem{
  border-left:1px solid var(--frame6442a-line-soft);
}

.frame6442a-navitem::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:0;
  height:3px;
  border-radius:0 0 3px 3px;
  background:var(--frame6442a-accent);
  transform:translateX(-50%);
  transition:width .24s cubic-bezier(.4,0,.2,1);
}

.frame6442a-navitem[data-active="1"]::before{width:56%;}

.frame6442a-navicon{
  width:33px;
  height:26px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:transparent;
  border:1px solid transparent;
  transition:background-color .2s ease,border-color .2s ease;
}

.frame6442a-navicon svg{
  width:19px;
  height:19px;
  stroke:var(--frame6442a-ink-soft);
  fill:none;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.frame6442a-navitem[data-active="1"] .frame6442a-navicon{
  background:var(--frame6442a-accent-soft);
  border-color:var(--frame6442a-line);
}

.frame6442a-navitem[data-active="1"] .frame6442a-navicon svg{stroke:var(--frame6442a-accent);}

.frame6442a-navitem:active .frame6442a-navicon{transform:scale(.92);}

.frame6442a-navlabel{
  font-size:9.5px;
  font-weight:600;
  line-height:1.2;
  color:var(--frame6442a-ink-dim);
}

.frame6442a-navitem[data-active="1"] .frame6442a-navlabel{color:var(--frame6442a-ink-bright);}

/* --------------------------------------------------------------------------
   Responsive refinements inside the phone canvas
   -------------------------------------------------------------------------- */

@media (min-width:375px){
  .frame6442a-grid{grid-template-columns:repeat(5,1fr);gap:8px;}
  .frame6442a-h1{font-size:22.5px;}
  .frame6442a-promocard{flex-basis:150px;}
}

@media (min-width:414px){
  .frame6442a-main{padding-left:14px;padding-right:14px;}
  .frame6442a-tile b{font-size:11px;}
}

@media (max-width:359px){
  .frame6442a-stats{grid-template-columns:repeat(2,1fr);}
  .frame6442a-grid{gap:5px;}
  .frame6442a-herocaption{font-size:13.5px;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms !important;}
  .frame6442a-herotrack{transition:none;}
}

/* Help-page layouts use different reading rhythms while sharing the shell. */
.frame6442a-kicker{
  margin:0 0 7px;
  color:var(--frame6442a-accent);
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.frame6442a-reviewboard{
  display:grid;
  gap:7px;
  margin-top:12px;
}

.frame6442a-reviewrow{
  display:grid;
  grid-template-columns:78px 1fr;
  gap:10px;
  align-items:start;
  padding:10px 11px;
  border:1px solid var(--frame6442a-line-soft);
  border-radius:var(--frame6442a-radius-s);
  background:linear-gradient(110deg,rgba(205,133,63,.13),var(--frame6442a-bg-raise));
}

.frame6442a-reviewrow strong{
  color:var(--frame6442a-accent);
  font-size:11.5px;
  line-height:1.4;
}

.frame6442a-reviewrow span{
  color:var(--frame6442a-ink-soft);
  font-size:12px;
  line-height:1.55;
}

.frame6442a-callout{
  margin:12px 0;
  padding:12px 13px;
  border:1px solid var(--frame6442a-accent);
  border-radius:var(--frame6442a-radius-m);
  background:radial-gradient(circle at 100% 0,rgba(205,133,63,.22),transparent 58%),var(--frame6442a-bg-raise);
}

.frame6442a-callout b{
  display:block;
  margin-bottom:4px;
  color:var(--frame6442a-ink-bright);
  font-family:var(--frame6442a-head-font);
  font-size:14px;
}

.frame6442a-callout p{margin:0;color:var(--frame6442a-ink-soft);font-size:12.5px;}

.frame6442a-qa{
  display:grid;
  gap:8px;
  margin-top:10px;
}

.frame6442a-qa article{
  padding:11px 12px;
  border-left:3px solid var(--frame6442a-accent);
  border-radius:0 var(--frame6442a-radius-s) var(--frame6442a-radius-s) 0;
  background:var(--frame6442a-bg-raise);
}

.frame6442a-qa h3{margin:0 0 4px;color:var(--frame6442a-ink-bright);font-size:13px;}
.frame6442a-qa p{margin:0;color:var(--frame6442a-ink-soft);font-size:12px;}

.frame6442a-branchlist{
  display:grid;
  gap:9px;
  margin-top:11px;
  counter-reset:frame6442a-branch;
}

.frame6442a-branch{
  position:relative;
  padding:12px 12px 12px 43px;
  border:1px solid var(--frame6442a-line-soft);
  border-radius:var(--frame6442a-radius-m);
  background:var(--frame6442a-bg-raise);
}

.frame6442a-branch::before{
  counter-increment:frame6442a-branch;
  content:counter(frame6442a-branch);
  position:absolute;
  left:12px;
  top:12px;
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:var(--frame6442a-accent);
  color:#2c2418;
  font-weight:800;
  font-size:12px;
}

.frame6442a-branch h3{margin:0 0 4px;color:var(--frame6442a-ink-bright);font-size:13px;}
.frame6442a-branch p{margin:0;color:var(--frame6442a-ink-soft);font-size:12px;}

.frame6442a-factgrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:11px;
}

.frame6442a-fact{
  min-height:88px;
  padding:10px;
  border:1px solid var(--frame6442a-line);
  border-radius:var(--frame6442a-radius-s);
  background:linear-gradient(165deg,#414141,var(--frame6442a-bg-raise));
}

.frame6442a-fact b{display:block;color:var(--frame6442a-accent);font-size:12px;margin-bottom:4px;}
.frame6442a-fact span{display:block;color:var(--frame6442a-ink-soft);font-size:11px;line-height:1.45;}

.frame6442a-actionrail{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:2px 1px 8px;
  scrollbar-width:none;
}

.frame6442a-actionrail::-webkit-scrollbar{display:none;}
.frame6442a-actionrail .frame6442a-action{
  flex:0 0 auto;
  min-height:44px;
  padding:8px 13px;
  border:1px solid var(--frame6442a-accent);
  border-radius:999px;
  background:var(--frame6442a-accent-soft);
  color:var(--frame6442a-ink-bright);
  font-size:12px;
  font-weight:700;
}

.frame6442a-notegrid{
  display:grid;
  gap:7px;
  margin-top:10px;
}

.frame6442a-notegrid details{
  border:1px solid var(--frame6442a-line-soft);
  border-radius:var(--frame6442a-radius-s);
  background:var(--frame6442a-bg-raise);
  padding:0 11px;
}

.frame6442a-notegrid summary{min-height:44px;padding:11px 0;color:var(--frame6442a-ink-bright);font-weight:700;font-size:12.5px;cursor:pointer;}
.frame6442a-notegrid p{margin:0 0 11px;color:var(--frame6442a-ink-soft);font-size:12px;}

@media (max-width:359px){
  .frame6442a-reviewrow{grid-template-columns:1fr;gap:3px;}
  .frame6442a-factgrid{grid-template-columns:1fr;}
}