:root,
html[data-theme="light"] {
  --bg: #ffffff;
  --bg2: #ffffff;
  --bg3: #ffffff;
  --surface: #ffffff;
  --surface2: #ffffff;
  --card: #ffffff;
  --cardHover: #ffffff;
  --line: rgba(0, 0, 0, 0.09);
  --lineSoft: rgba(0, 0, 0, 0.06);
  --text: #111111;
  --muted: #555555;
  --soft: #777777;
  --top1: #ffffff;
  --top2: #ffffff;
  --top3: #ffffff;
  --topText: #111827;
  --accent: #111111;
  --accent2: #111111;
  --accentSoft: transparent;
  --doc-shadow: none;
  --shadow: none;
  --max: 860px;
}

html {
  background: #ffffff !important;
}

body {
  background: #ffffff !important;
  color: var(--text) !important;
  font-family: "Plus Jakarta Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}

a {
  color: inherit !important;
}

.topStrip {
  background: #ffffff !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: none !important;
}

.topStripInner {
  max-width: 1280px !important;
  padding: 18px 24px !important;
  gap: 20px !important;
}

.brand img {
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  width: 36px !important;
  height: 36px !important;
}

.brand span,
.navBtn,
.backBtn,
.miniBtn,
.ctaBtn,
.socialBtn,
.downloadBtn,
.readBtn,
.quickLinks a,
.eyebrow,
.tag,
.chip,
.badge,
.meta,
.articleMeta,
.specKey,
.stepNum,
.copyMsg,
.footerLine,
.statusBadge,
.label,
.summaryLabel,
.summaryValue,
.panelTitle {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}

.brand span,
.navBtn,
.backBtn,
.miniBtn,
.ctaBtn,
.socialBtn,
.downloadBtn,
.readBtn,
.quickLinks a,
.eyebrow,
.tag,
.chip,
.badge,
.meta,
.articleMeta,
.specKey,
.stepNum,
.copyMsg,
.footerLine,
.statusBadge,
.label,
.summaryLabel,
.summaryValue,
.panelTitle {
  font-family: "Plus Jakarta Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.brand span,
.navBtn,
.backBtn,
.miniBtn,
.ctaBtn,
.socialBtn,
.downloadBtn,
.readBtn {
  color: var(--text) !important;
}

.navRow,
.actionRow,
.ctaActions,
.topActions,
.socialActions,
.quickLinks {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

.navBtn,
.backBtn,
.miniBtn,
.ctaBtn,
.socialBtn,
.downloadBtn,
.readBtn,
.btnGhost,
.btnDisabled,
.quickLinks a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 8px 14px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--text) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  transform: none !important;
  transition: text-decoration-color 0.15s ease !important;
}

.navBtn:hover,
.backBtn:hover,
.miniBtn:hover,
.ctaBtn:hover,
.socialBtn:hover,
.downloadBtn:hover,
.readBtn:hover,
.btnGhost:hover,
.btnDisabled:hover,
.quickLinks a:hover {
  background: #f5f5f5 !important;
  border-color: var(--lineSoft) !important;
  box-shadow: none !important;
  color: var(--text) !important;
  text-decoration: none !important;
  transform: none !important;
}

.navBtn.activeBtn,
.navBtn.docsBtn,
.ctaBtn.primary,
.ctaBtn.secondary,
.socialBtn.primary,
.backBtn,
.btnGhost,
.btnDisabled {
  background: #111111 !important;
  border: 1px solid #111111 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  cursor: pointer !important;
  filter: none !important;
  user-select: auto !important;
}

.hero {
  background: #ffffff !important;
  border-bottom: 1px solid var(--line) !important;
}

.hero img,
.hero video {
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

.heroOverlay {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.64)) !important;
}

.heroContent {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  left: auto !important;
  max-width: var(--max) !important;
  padding: 28px 0 0 !important;
}

.heroCard {
  max-width: none !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.container {
  max-width: var(--max) !important;
  padding: 56px 24px 80px !important;
}

.eyebrow {
  color: var(--soft) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

h1,
h2,
h3,
h4 {
  color: var(--text) !important;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

h1 {
  max-width: var(--max) !important;
  font-size: clamp(34px, 7vw, 58px) !important;
  line-height: 1.04 !important;
  font-weight: 900 !important;
  margin-bottom: 14px !important;
}

.lead,
.heroLead,
.entryText,
p,
ul,
ol,
li {
  color: var(--muted) !important;
}

p,
ul,
ol {
  font-size: 15px !important;
  line-height: 1.85 !important;
}

h2 {
  font-size: clamp(24px, 4vw, 32px) !important;
  line-height: 1.14 !important;
  font-weight: 900 !important;
}

h3 {
  font-weight: 850 !important;
}

.quickLinks {
  margin-top: 28px !important;
}

.quickLinks a {
  color: var(--text) !important;
  text-decoration: underline !important;
  text-decoration-color: var(--line) !important;
  text-underline-offset: 4px !important;
}

.heroLead {
  color: var(--muted) !important;
}

.divider {
  display: block !important;
  height: 1px !important;
  margin: 42px 0 !important;
  border: 0 !important;
  background: var(--line) !important;
}

section {
  margin-top: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  scroll-margin-top: 110px !important;
}

main > section + .divider,
main > .divider + section,
main > .divider + .statusCard,
main > .divider + .billingGrid,
main > .divider + .summaryBox,
main > .divider + .resultsBox,
main > .divider + .ctaBox,
main > .divider + .socialBox,
main > .divider + .infoBox,
main > .divider + .downloadBox {
  margin-top: 0 !important;
}

.blogList,
.summaryList,
.steps,
.resultsGrid,
.trustGrid,
.grid,
.platformGrid,
.supportCards,
.specGrid,
.refGrid,
.severityGrid,
.split,
.stats,
.billingGrid,
.fieldGrid {
  display: block !important;
  grid-template-columns: 1fr !important;
  columns: 1 !important;
}

.summaryBox,
.resultsBox,
.ctaBox,
.socialBox,
.infoBox,
.downloadBox,
.statusCard,
.summaryItem,
.resultCard,
.trustCard,
.card,
.step,
.platformCard,
.supportCard,
.specRow,
.refItem,
.sev,
.miniPanel,
.stat,
.blogEntry,
.panel,
.quoteBox,
.noticeBox {
  margin: 0 0 18px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.quoteBox p {
  color: var(--muted) !important;
}

.blogThumb {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 0 18px !important;
  background: transparent !important;
}

.tag,
.chip,
.badge,
.statusBadge,
.offsaleTag,
.stepNum {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 5px 10px !important;
  border: 1px solid var(--lineSoft) !important;
  border-radius: 999px !important;
  background: #fafafa !important;
  color: var(--soft) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
}

.articleMeta,
.meta,
.statusNote,
.panelSub,
.summaryMeta,
.tiny,
.footerLine {
  color: var(--soft) !important;
}

.field,
.fakeInput,
.fakeBox {
  width: 100% !important;
}

.fakeInput,
.fakeBox,
code {
  background: #f7f7f7 !important;
  border: 1px solid var(--lineSoft) !important;
  border-radius: 7px !important;
  padding: 2px 6px !important;
  color: var(--text) !important;
  box-shadow: none !important;
}

.lockedOverlay {
  display: none !important;
}

.footerLine {
  margin-top: 42px !important;
  padding-top: 22px !important;
  border-top: 1px solid var(--lineSoft) !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--soft) !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
}

.rebrand-note,
.registration-note {
  color: inherit !important;
}

.rebrand-note a,
.registration-note a {
  color: var(--text) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.navPanel {
  height: 100vh !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  background: #ffffff !important;
  border-left: 1px solid var(--line) !important;
  box-shadow: -18px 0 60px rgba(0, 0, 0, 0.08) !important;
}

.navPanel.open {
  transform: translateX(0) !important;
}

.panelLinks {
  padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
}

.panelLink {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 46px !important;
  flex: 0 0 auto !important;
  border-radius: 10px !important;
  color: var(--text) !important;
  background: transparent !important;
}

.panelLink:hover,
.activePanelLink {
  background: #f5f5f5 !important;
  color: var(--text) !important;
  border-color: var(--lineSoft) !important;
}

body.navOpen {
  overflow: hidden !important;
}

@media (max-width: 920px) {
  .topStripInner {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .navWrap {
    width: 100% !important;
  }

  .container,
  .heroContent {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

@media (max-width: 700px) {
  .topStripInner,
  .container,
  .heroContent {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .hero img,
  .hero video {
    height: 220px !important;
  }
}

/* Shared Apps Store presentation for documentation and policy pages. */
:root,
html[data-theme="light"] {
  --bg:#050505;--bg2:#08090e;--bg3:#10131b;--surface:#10131b;--line:rgba(255,255,255,.10);--lineSoft:rgba(255,255,255,.07);--text:#f4f5fa;--muted:#b9bfcc;--soft:#98a2b3;--top1:#050505;--top2:#050505;--top3:#050505;--topText:#f4f5fa;--accent:#965cff;--accent2:#b995ff;--accentSoft:rgba(139,66,255,.18)
}
html,body{background:#050505!important;color:var(--text)!important}
body{background:radial-gradient(circle at 12% 0,rgba(109,61,255,.16),transparent 31rem),linear-gradient(180deg,#0b0c11 0,#050505 38rem)!important}
.topStrip{background:rgba(5,5,5,.92)!important;border-color:var(--line)!important;backdrop-filter:blur(18px)}
.topStripInner{max-width:1710px!important;padding:12px 28px!important}.brand span{color:#fff!important}.navBtn{border:0!important;border-radius:8px!important;background:transparent!important;color:var(--muted)!important}.navBtn:hover{background:#121620!important;color:#fff!important}.navBtn.activeBtn,.navBtn.docsBtn{background:#121620!important;border:0!important;color:#fff!important}
.navPanel{background:#080808!important;border-color:var(--line)!important}.panelLink{color:#d8dce7!important}.panelLink:hover,.activePanelLink{background:rgba(139,66,255,.18)!important;color:#fff!important;border-color:rgba(150,92,255,.32)!important}
.container{max-width:1180px!important;padding:42px 28px 30px!important}.container>section,.container>.lead,.container>.quickLinks,.container>.eyebrow,.container>h1{max-width:900px;margin-left:auto!important;margin-right:auto!important}.eyebrow{color:#cbb7ff!important;background:rgba(139,66,255,.14)!important;border:1px solid rgba(150,92,255,.30)!important}.lead,p,ul,ol,li{color:var(--muted)!important}h1,h2,h3,h4{color:#fff!important}.quickLinks a{background:#10131b!important;border:1px solid var(--line)!important;border-radius:8px!important;color:#d9ddea!important;text-decoration:none!important}.quickLinks a:hover{background:rgba(139,66,255,.18)!important;border-color:rgba(150,92,255,.65)!important;color:#fff!important}
section{padding:28px!important;background:linear-gradient(145deg,rgba(18,22,32,.92),rgba(10,12,18,.92))!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:0 18px 50px rgba(0,0,0,.15)!important}code,.fakeInput,.fakeBox{background:rgba(139,66,255,.16)!important;border-color:rgba(150,92,255,.3)!important;color:#e1d7ff!important}.divider{background:var(--line)!important}.footerLine{display:none!important}
.storeFooter{width:min(1710px,calc(100% - 56px));margin:54px auto 0;padding:42px 0 28px;border-top:1px solid var(--line);color:var(--muted)}.footerGrid{display:grid;grid-template-columns:1.25fr repeat(3,minmax(0,1fr));gap:52px}.footerBrand{display:flex;align-items:center;gap:12px;color:#fff!important;font-size:26px;font-weight:900}.footerBrand img{width:42px;height:42px;object-fit:contain}.footerVersion{padding:3px 8px;border-radius:5px;background:#6d3dff;color:#fff;font-size:13px}.footerDesc{max-width:310px;margin:20px 0;color:var(--muted)!important;line-height:1.7}.footHead{margin:0 0 20px;color:#965cff!important;font-size:14px;font-weight:900;text-transform:uppercase}.footLinks{display:grid;gap:14px}.footLinks a{display:flex;gap:12px;color:#c5cad7!important;font-weight:700}.footLinks a:hover,.legalLinks a:hover{color:#fff!important}.footIcon{color:#f0f2fa}.footerBottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:44px;padding-top:30px;border-top:1px solid var(--line)}.legalText{line-height:1.8}.legalLinks{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px}.legalLinks a{color:var(--muted)!important}.footerControls{display:flex;align-items:center;gap:12px}.footerDrop{position:relative}.footerSelect{min-width:150px;height:46px;border:1px solid var(--line);border-radius:8px;background:#0b0e15;color:#f4f5fa;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-weight:800;cursor:pointer}.footerMenu{position:absolute;left:0;right:0;bottom:54px;display:none;padding:6px;border:1px solid var(--line);border-radius:8px;background:#080808;z-index:20}.footerDrop.open .footerMenu{display:grid}.footerMenu button{height:38px;border:0;border-radius:6px;background:transparent;color:#f4f5fa;text-align:left;padding:0 10px;font-weight:800;cursor:pointer}.footerMenu button:hover{background:rgba(139,66,255,.18)}.backTop{width:46px;height:46px;border-radius:8px;border:0;background:#121620;color:#965cff;font-size:24px;cursor:pointer}
@media(max-width:800px){.topStripInner{padding:10px 16px!important}.container{padding:26px 16px 20px!important}.footerGrid{grid-template-columns:1fr}.storeFooter{width:calc(100% - 32px)}.footerBottom{align-items:flex-start;flex-direction:column}.footerControls{width:100%;flex-wrap:wrap}.footerSelect{flex:1}.backTop{width:100%}}