:root{
  color-scheme:dark;
  --bg:#1d1d1d;
  --surface:#202020;
  --surface-2:#292929;
  --line:#38332e;
  --text:#f5f2ee;
  --muted:#b8aea4;
  --subtle:#857b72;
  --orange:#f47a13;
  --orange-soft:#ffad59;
  --code:#191919;
  --warning:#ffb145;
  --font-content:"Poppins",system-ui,arial,sans-serif;
  --font-mono:"JetBrains Mono","Source Code Pro",monospace;
  --font-emoji:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;
  --header-height:64px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 100% 0, rgba(244,122,19,.16) 0, rgba(244,122,19,.07) 180px, rgba(29,29,29,0) 430px) fixed,
    var(--bg);
  color:var(--text);
  font-family:var(--font-content);
  font-size:16px;
  font-weight:400;
  line-height:1.625;
}

@keyframes tsDocsIntroOverlay{
  0%,80%{opacity:1;visibility:visible}
  100%{opacity:0;visibility:hidden;pointer-events:none}
}
@keyframes tsDocsIntroLine1{
  0%,24%{opacity:0;transform:translateY(16px) scale(.94)}
  42%,72%{opacity:1;transform:translateY(0) scale(1)}
  100%{opacity:0;transform:translateY(-20px) scale(1.04)}
}
@keyframes tsDocsIntroLine2{
  0%,48%{opacity:0;transform:translateY(26px) scale(.96)}
  64%,76%{opacity:1;transform:translateY(0) scale(1)}
  100%{opacity:0;transform:translateY(-20px) scale(1.03)}
}
.ts-docs-intro.loading-wrapper{
  position:fixed;
  inset:0;
  z-index:9999;
  align-items:center!important;
  display:flex!important;
  justify-content:center!important;
  background:#181918!important;
  animation:tsDocsIntroOverlay 3.05s cubic-bezier(.4,0,.2,1) forwards;
  pointer-events:auto!important;
}
.ts-docs-intro .loading{
  align-items:center;
  display:flex;
  flex-direction:column;
  width:100vw;
  height:100vh;
  justify-content:center;
  font-family:"Akira Expanded","Gilroy","Poppins",sans-serif;
  font-weight:900;
  line-height:1;
  opacity:1!important;
  scale:.3;
  text-transform:uppercase;
}
.ts-docs-intro .line-1,
.ts-docs-intro .line-2{
  display:flex;
  flex-wrap:nowrap;
  letter-spacing:-5px;
  opacity:0;
}
.ts-docs-intro .line-1{
  color:#e5e7eb;
  font-size:140px;
  animation:tsDocsIntroLine1 2.75s cubic-bezier(.4,0,.2,1) forwards!important;
}
.ts-docs-intro .line-2{
  color:#f47a13;
  font-size:220px;
  animation:tsDocsIntroLine2 2.75s cubic-bezier(.4,0,.2,1) forwards!important;
}
html.ts-docs-intro-done .ts-docs-intro.loading-wrapper,
html.ts-docs-skip-intro .ts-docs-intro.loading-wrapper{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
@media(min-width:768px){
  .ts-docs-intro .loading{scale:.5}
}
@media(min-width:1024px){
  .ts-docs-intro .loading{scale:.7}
}
@media(min-width:1280px){
  .ts-docs-intro .loading{scale:1}
}
@media(prefers-reduced-motion:reduce){
  .ts-docs-intro.loading-wrapper{display:none!important}
}
button,
input,
textarea,
select{font-family:inherit}
a{color:inherit;text-decoration:none}
code{
  font-family:var(--font-mono);
  font-size:.875em;
  font-weight:400;
  line-height:calc(max(1.2em,1.25rem));
  color:#ffd19d;
}
pre,
kbd,
samp{font-family:var(--font-mono)}

.ts-docs-topbar{
  position:sticky;
  top:0;
  z-index:50;
  height:auto;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 100% 0, rgba(244,122,19,.14) 0, rgba(244,122,19,.06) 170px, rgba(36,32,29,0) 390px) fixed,
    rgba(36,32,29,.96);
  color:#d6cec6;
}
.ts-docs-topbar__inner{
  width:min(1160px,calc(100% - 48px));
  height:64px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(280px,520px);
  align-items:center;
  justify-content:center;
  gap:20px;
}
.ts-docs-topbar__inner::after{
  display:none;
}
.ts-docs-topbar--compact .ts-docs-topbar__inner{
  grid-template-columns:auto;
  justify-content:start;
  height:48px;
}
.ts-docs-topbar--compact .ts-docs-topbar__inner::after{display:none}
.ts-docs-topbar--compact{
  background:
    radial-gradient(circle at 100% 0, rgba(244,122,19,.1) 0, rgba(244,122,19,.04) 150px, rgba(36,32,29,0) 340px) fixed,
    rgba(31,28,26,.94);
}
.ts-docs-logo{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  width:32px;
  height:32px;
}
.ts-docs-logo img{
  display:block;
  width:30px;
  height:30px;
  object-fit:contain;
}
.ts-docs-back{
  position:relative;
  justify-self:start;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  min-height:34px;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(255,255,255,.1);
  border-radius:50%;
  background:rgba(255,255,255,.025);
  color:#f4ede6!important;
  line-height:1;
  isolation:isolate;
  transition:border-color .22s ease,background .22s ease,color .22s ease,transform .22s ease;
}
.ts-docs-back::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:rgba(255,255,255,.06);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .28s ease;
}
.ts-docs-back__icon{
  flex:0 0 17px;
  width:17px;
  height:17px;
  display:block;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") center/17px 17px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") center/17px 17px no-repeat;
}
.ts-docs-back:hover{
  border-color:rgba(255,255,255,.2);
  background:rgba(255,255,255,.045);
  color:#fff!important;
  transform:translateY(-1px);
}
.ts-docs-back:hover::before{transform:scaleX(1)}
.ts-docs-search{
  position:relative;
  justify-self:center;
  width:100%;
  height:40px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 13px;
  border:1px solid #4a4139;
  border-radius:22px;
  background:#181818;
  color:#d8d1ca;
}
.ts-docs-search__icon{
  flex:0 0 18px;
  width:18px;
  height:18px;
  display:block;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/18px 18px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/18px 18px no-repeat;
}
.ts-docs-search__input{
  min-width:0;
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:var(--text);
  font:14px/20px var(--font-content);
}
.ts-docs-search__input::placeholder{color:#b9afa6}
.ts-docs-search kbd{display:none!important}
.ts-docs-search__results{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  z-index:60;
  max-height:360px;
  overflow:auto;
  padding:6px;
  border:1px solid #4a4139;
  border-radius:12px;
  background:#1d1b19;
  box-shadow:0 18px 45px rgba(0,0,0,.35);
}
.ts-docs-search__result{
  display:block;
  padding:10px 12px;
  border-radius:8px;
  color:var(--text)!important;
}
.ts-docs-search__result:hover,
.ts-docs-search__result.is-active{background:#2b251f}
.ts-docs-search__result strong{
  display:block;
  margin-bottom:2px;
  font-size:13px;
}
.ts-docs-search__result span{
  display:block;
  color:#a99f96;
  font-size:12px;
  line-height:1.35;
}
.ts-docs-search__empty{
  padding:12px;
  color:#a99f96;
  font-size:13px;
}
.ts-docs-nav{
  justify-self:end;
  width:140px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  white-space:nowrap;
  font-size:14px;
}
.ts-docs-nav a{
  color:#d6cec6;
  font-weight:500;
}
.ts-docs-nav a:hover{color:var(--orange-soft)}
.ts-docs-nav__button{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  padding:0 22px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  color:#f8f2eb!important;
  font-weight:700;
  isolation:isolate;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  transition:border-color .22s ease,background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease;
}
.ts-docs-nav__button::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:rgba(255,255,255,.07);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .28s ease;
}
.ts-docs-nav__button:hover{
  border-color:rgba(255,255,255,.24);
  background:#292521;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08);
  transform:translateY(-1px);
}
.ts-docs-nav__button:hover::before{
  transform:scaleX(1);
}
.ts-docs-subnav{
  width:min(1160px,calc(100% - 48px));
  height:45px;
  margin:0 auto;
  display:flex;
  align-items:stretch;
  justify-content:center;
  overflow-x:auto;
  scrollbar-width:none;
}
.ts-docs-subnav::-webkit-scrollbar{display:none}
.ts-docs-subnav__list{
  display:flex;
  align-items:stretch;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.ts-docs-subnav__link{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:33px;
  margin:6px 0;
  padding:6px 12px;
  color:var(--muted);
  font-size:14px;
  font-weight:400;
  line-height:20px;
  white-space:nowrap;
}
.ts-docs-subnav__link::after{
  content:"";
  position:absolute;
  right:12px;
  bottom:-6px;
  left:12px;
  height:2px;
  border-radius:2px;
  background:transparent;
}
.ts-docs-subnav__link:hover,
.ts-docs-subnav__link.is-active{color:var(--orange-soft)}
.ts-docs-subnav__link.is-active{
  font-weight:500;
}
.ts-docs-subnav__link.is-active::after{background:var(--orange-soft)}
.ts-docs-subnav__icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  background:currentColor;
}
.ts-docs-subnav__icon--home{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3C/svg%3E") center/18px 18px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3C/svg%3E") center/18px 18px no-repeat;
}
.ts-docs-subnav__icon--play{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/17px 17px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/17px 17px no-repeat;
}

.docs-home{
  width:min(1160px,calc(100% - 48px));
  margin:0 auto;
  padding:78px 0 64px;
}
.home-intro{
  max-width:1160px;
  margin:0 auto 42px;
  text-align:center;
}
.home-intro__logo{
  display:block;
  width:100%;
  max-width:1160px;
  height:auto;
  max-height:220px;
  object-fit:contain;
  border-radius:8px;
  margin:38px auto 0;
}
.home-intro h1,
.catalog-header h1{
  margin:0 0 18px;
  color:#fff;
  font-size:36px;
  font-weight:700;
  line-height:45px;
  letter-spacing:-.025em;
}
.home-intro p,
.catalog-header p{
  max-width:760px;
  margin:0 auto;
  color:#f2eee9;
  font-size:16px;
  font-weight:400;
  line-height:26px;
}
.ts-docs-search.home-intro__search{
  width:min(640px,100%);
  margin:26px auto 0;
}
.home-kicker{
  display:inline-flex;
  align-items:center;
  margin:0 0 12px;
  color:var(--orange-soft);
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  line-height:16px;
  text-transform:uppercase;
}
.home-section{margin-top:42px}
.home-section h2{
  margin:0 0 22px;
  color:#fff;
  font-size:30px;
  font-weight:600;
  line-height:36px;
  letter-spacing:-.0125em;
}
.home-section-heading{
  max-width:680px;
  margin:0 auto 22px;
  text-align:center;
}
.home-section-heading h2{margin-bottom:10px}
.home-section-heading p{
  margin:0 auto;
  color:#d2c9c1;
  font-size:16px;
  line-height:1.6;
}
.home-section--center{text-align:center}
#get-started{
  max-width:1160px;
  margin-right:auto;
  margin-left:auto;
  text-align:left;
}
.home-start-list{
  width:100%;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  text-align:left;
}
.home-start-item{
  display:grid;
  align-content:start;
  gap:12px;
  min-height:108px;
  padding:18px 20px;
  border:1px solid #38332e;
  border-radius:8px;
  background:#202020;
  color:#f5f2ee;
}
.home-start-item:hover{background:#242220}
.home-start-item strong{
  color:#fff;
  font-size:15px;
}
.home-start-item span{
  color:var(--muted);
  line-height:1.5;
}
.home-start-item code{color:#ffd19d}
.home-start-list--guided .home-start-item{
  min-height:156px;
  grid-template-rows:auto 1fr auto;
}
.home-card-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-height:34px;
  padding:0 12px;
  border:1px solid #4a4139;
  border-radius:7px;
  background:#282521;
  color:#fff;
  font-size:13px;
  font-weight:600;
  line-height:1;
}
.home-card-action:hover{
  border-color:#f29f58;
  background:#332a22;
  color:#fff;
}
.home-help-list{
  display:grid;
  gap:12px;
  width:min(100%,860px);
  margin:0;
  padding:0;
  list-style:none;
}
.home-help-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:16px 18px;
  border:1px solid #38332e;
  border-radius:8px;
  background:#202020;
}
.home-help-item span{
  color:#d2c9c1;
  line-height:1.55;
}
.home-help-item strong{
  display:block;
  margin-bottom:3px;
  color:#fff;
  font-size:15px;
}
.home-help-item code{color:#ffd19d}
.home-about-card{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  align-items:stretch;
  overflow:hidden;
  border:1px solid #2f2f2f;
  border-radius:8px;
  background:#1d1d1d;
}
.home-about-card img{
  display:block;
  width:100%;
  height:100%;
  min-height:300px;
  object-fit:cover;
  background:#181818;
}
.home-about-card__body{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:300px;
  padding:34px 36px;
  border-left:1px solid #2f2f2f;
}
.home-about-card__body h2{
  margin-bottom:12px;
}
.home-about-card__body p{
  margin:7px 0;
  color:#d2c9c1;
  line-height:1.65;
}
.home-products-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.home-product-card{
  position:relative;
  display:grid;
  grid-template-rows:auto 1fr;
  min-height:100%;
  overflow:hidden;
  border:1px solid #2f2f2f;
  border-radius:12px;
  background:#202020;
  color:#fff;
  box-shadow:0 4px 6px rgba(0,0,0,.2);
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease;
}
.home-product-card:hover{
  border-color:#4a4139;
  background:#242220;
  box-shadow:0 20px 30px -10px rgba(0,0,0,.32);
  transform:translateY(-8px);
}
.ts-reveal-ready .home-product-card.ts-reveal-visible:hover{
  transform:translateY(-8px);
}
.home-product-card__media{
  display:block;
  color:inherit;
  text-decoration:none;
}
.home-product-card__media:focus-visible{
  outline:2px solid rgba(255,255,255,.24);
  outline-offset:-4px;
}
.home-product-card img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  background:#181818;
  transition:transform .3s ease;
}
.home-product-card:hover img{
  transform:scale(1.05);
}
.home-product-card__body{
  display:flex;
  min-height:178px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:12px;
  padding:20px;
}
.home-product-card__body strong{
  color:#fff;
  font-size:18px;
  font-weight:600;
  line-height:1.35;
}
.home-product-card__body span{
  color:#d6cec6;
  font-size:14px;
  line-height:1.55;
}
.home-product-card__action{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-end;
  margin-top:auto;
  min-height:34px;
  overflow:hidden;
  padding:0 13px;
  border:1px solid #554a40;
  border-radius:7px;
  background:#27231f;
  color:#f4ede6!important;
  cursor:pointer;
  font-size:13px!important;
  font-weight:600;
  line-height:1;
  isolation:isolate;
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease,color .3s ease;
}
.home-product-card__action::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:#38312b;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .28s ease;
}
.home-product-card__action:hover,
.home-product-card__action:focus-visible{
  border-color:#6a5d52;
  background:#2d2823;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.24);
  color:#fff!important;
  transform:translateY(-2px);
}
.home-product-card__action:hover::before,
.home-product-card__action:focus-visible::before{
  transform:scaleX(1);
}
.home-product-card__action:focus-visible{
  outline:2px solid rgba(255,255,255,.24);
  outline-offset:3px;
}
.home-protection-card{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);
  align-items:stretch;
  width:min(1040px,100%);
  max-width:1040px;
  min-height:286px;
  margin:0;
  overflow:hidden;
  border:1px solid #2f2f2f;
  border-radius:8px;
  background:#1d1d1d;
  color:#fff;
  text-align:left;
}
.home-protection-card:hover{border-color:#4a4139}
.home-protection-card img,
.home-protection-card video{
  display:block;
  width:100%;
  height:100%;
  min-height:286px;
  object-fit:cover;
  object-position:center;
  background:#181818;
}
.home-protection-card__body{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:12px;
  min-height:286px;
  padding:30px 32px;
  border-left:1px solid #2f2f2f;
}
.home-protection-card__body strong{
  color:#fff;
  font-size:24px;
  line-height:1.2;
}
.home-protection-card__body span{
  color:#f2eee9;
  font-size:16px;
  line-height:1.55;
  max-width:360px;
}
.catalog-header{
  max-width:780px;
  margin:0 auto 32px;
  text-align:center;
}
.protection-page{
  width:min(100% - 48px,980px);
  margin:0 auto;
  padding:38px 0 90px;
}
.protection-article{
  max-width:860px;
  margin:0 auto;
}
.protection-hero img{
  aspect-ratio:16/6;
  object-fit:cover;
}
.video-embed{
  position:relative;
  width:100%;
  margin:18px 0 14px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:10px;
  background:#111;
  aspect-ratio:16/9;
}
.video-embed iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

.layout{
  display:grid;
  grid-template-columns:282px minmax(0,768px) 220px;
  column-gap:48px;
  justify-content:center;
  max-width:1370px;
  margin:0 auto;
}
.sidebar{
  position:sticky;
  top:var(--header-height);
  height:calc(100vh - var(--header-height));
  padding:24px 18px;
  overflow:auto;
  border-right:1px solid var(--line);
}
.sidebar-label,
.outline-label{
  margin:18px 10px 8px;
  color:var(--subtle);
  font-size:12px;
  font-weight:600;
  line-height:16px;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.side-link{
  display:block;
  padding:7px 10px;
  border-left:2px solid transparent;
  color:var(--muted);
  font-size:14px;
  line-height:20px;
}
.side-link:hover{
  color:var(--text);
  background:#242220;
}
.side-link.active{
  border-color:var(--orange);
  background:#29241f;
  color:var(--orange-soft);
  font-weight:700;
}
.content{
  min-width:0;
  padding:24px 0 90px;
}
.article{max-width:768px}
.breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:0 0 22px;
  color:#d7a16d;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
}
.breadcrumbs a:hover{color:var(--orange-soft)}
h1{
  margin:0 0 14px;
  font-size:36px;
  font-weight:700;
  line-height:45px;
  letter-spacing:-.025em;
}
.lead{
  margin:0 0 26px;
  max-width:720px;
  color:#d7cec5;
  font-size:16px;
  font-weight:400;
  line-height:26px;
}
.product-meta{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin:6px 0 36px;
}
.product-meta div{
  display:grid;
  grid-template-columns:170px minmax(0,1fr);
  align-items:center;
  gap:14px;
  min-width:0;
  padding:13px 15px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#1f1f1f;
}
.product-meta dt{
  margin:0;
  color:#b7ada3;
  font-size:12px;
  font-weight:700;
  letter-spacing:.01em;
}
.product-meta dd{
  margin:0;
  overflow-wrap:anywhere;
  line-height:1.45;
}
.product-meta code{
  color:var(--orange-soft);
  font-size:13px;
}
.product-meta--explorer{
  gap:12px;
}
.product-meta--explorer .product-meta__item{
  grid-template-columns:180px minmax(0,1fr);
  padding:14px 15px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.explorer-path{
  display:inline-flex;
  max-width:100%;
  align-items:center;
  gap:10px;
  min-height:40px;
  padding:8px 12px;
  border:1px solid #443c35;
  border-radius:8px;
  background:#24211e;
  color:#f4ede6;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.explorer-path code{
  min-width:0;
  color:#f4ede6;
  font-size:13px;
  line-height:1.45;
}
.explorer-path__icon{
  flex:0 0 19px;
  width:19px;
  height:19px;
  background:#f0a85b;
}
.explorer-path--folder .explorer-path__icon{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M3 6.75C3 5.78 3.78 5 4.75 5h4.42c.55 0 1.08.22 1.47.61l1.14 1.14h7.47c.97 0 1.75.78 1.75 1.75v8.75c0 .97-.78 1.75-1.75 1.75H4.75C3.78 19 3 18.22 3 17.25V6.75Z'/%3E%3C/svg%3E") center/19px 19px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M3 6.75C3 5.78 3.78 5 4.75 5h4.42c.55 0 1.08.22 1.47.61l1.14 1.14h7.47c.97 0 1.75.78 1.75 1.75v8.75c0 .97-.78 1.75-1.75 1.75H4.75C3.78 19 3 18.22 3 17.25V6.75Z'/%3E%3C/svg%3E") center/19px 19px no-repeat;
}
.explorer-path--file .explorer-path__icon{
  background:#d9d0c8;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M6.75 3A1.75 1.75 0 0 0 5 4.75v14.5C5 20.22 5.78 21 6.75 21h10.5c.97 0 1.75-.78 1.75-1.75V8.62a1.75 1.75 0 0 0-.51-1.24l-3.87-3.87A1.75 1.75 0 0 0 13.38 3H6.75Zm7 1.72L17.28 8H14.5a.75.75 0 0 1-.75-.75V4.72Z'/%3E%3C/svg%3E") center/19px 19px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M6.75 3A1.75 1.75 0 0 0 5 4.75v14.5C5 20.22 5.78 21 6.75 21h10.5c.97 0 1.75-.78 1.75-1.75V8.62a1.75 1.75 0 0 0-.51-1.24l-3.87-3.87A1.75 1.75 0 0 0 13.38 3H6.75Zm7 1.72L17.28 8H14.5a.75.75 0 0 1-.75-.75V4.72Z'/%3E%3C/svg%3E") center/19px 19px no-repeat;
}
.explorer-path:hover{
  border-color:#5b5148;
  background:#2b2723;
}
h2{
  scroll-margin-top:calc(var(--header-height) + 24px);
  margin:40px 0 12px;
  font-size:30px;
  font-weight:600;
  line-height:36px;
  letter-spacing:-.0125em;
}
h3{
  margin:20px 0 8px;
  font-size:24px;
  font-weight:600;
  line-height:32px;
  letter-spacing:-.0125em;
}
.article p{
  margin:9px 0;
  color:#d2c9c1;
}
.hero-product{
  margin:24px 0 34px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface);
}
.hero-product img{
  display:block;
  width:100%;
  aspect-ratio:2.1/1;
  object-fit:cover;
  background:#181818;
}
.hero-product iframe{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  border:0;
  background:#111;
}
.hero-product.logo-only img{
  object-fit:contain;
  padding:34px;
}
.hero-product figcaption{
  padding:8px 12px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:12px;
}
.article > section + section{
  margin-top:34px;
  padding-top:30px;
  border-top:1px solid var(--line);
}
.setup-section{
  margin:30px 0 34px;
}
.setup-flow{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:16px 0;
}
.setup-flow--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.setup-step{
  min-width:0;
  padding:15px 16px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#202020;
}
.setup-step strong{
  display:block;
  margin-bottom:6px;
  color:#fff;
  font-size:14px;
}
.setup-step span{
  display:block;
  color:#cfc6bd;
  font-size:14px;
  line-height:1.55;
}
.reference-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:16px 0 4px;
}
.reference-grid div{
  padding:14px 15px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#1f1f1f;
}
.reference-grid strong,
.reference-grid span{
  display:block;
}
.reference-grid strong{
  margin-bottom:6px;
  color:#fff;
}
.reference-grid span{
  color:#cfc6bd;
  font-size:14px;
  line-height:1.55;
}
.note{
  margin:16px 0;
  padding:14px 16px;
  border:1px solid #4a3b2c;
  border-left:3px solid var(--orange);
  border-radius:6px;
  background:#2b251f;
}
.note.warning{
  border-color:#5f4930;
  border-left-color:var(--warning);
  background:#30271f;
}
.note strong{
  display:block;
  margin-bottom:3px;
}
.code-card{
  position:relative;
  margin:20px 0 28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:13px;
  background:#191919;
  box-shadow:0 18px 42px rgba(0,0,0,.28);
}
.code-card--short{max-width:100%}
.code-head{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:46px;
  padding:10px 12px 10px 84px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:#232323;
  color:#d9d0c8;
  font-size:12px;
  font-weight:700;
}
.code-head::before{
  content:"";
  position:absolute;
  left:18px;
  top:50%;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#ff5f57;
  box-shadow:22px 0 0 #ffbd2e,44px 0 0 #28c840;
  transform:translateY(-50%);
}
.code-head span{
  min-width:0;
  overflow:hidden;
  color:#f4ede6;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.copy-btn{
  flex:0 0 auto;
  border:1px solid rgba(244,122,19,.34);
  border-radius:7px;
  padding:6px 10px;
  background:rgba(244,122,19,.08);
  color:#ffd09d;
  cursor:pointer;
  font-size:12px;
  font-weight:700;
}
.copy-btn:hover{
  border-color:rgba(246,95,0,.62);
  background:#3a2e23;
  color:#fff;
}
.code-card pre{
  max-height:460px;
  margin:0;
  padding:18px 0 20px;
  overflow:auto;
  scrollbar-width:thin;
}
.code-card code{
  display:block;
  color:#efe7dc;
  font-size:14px;
  line-height:1.8;
  white-space:pre;
}
.code-card code:not(:has(.code-line)){
  padding:0 18px;
}
.code-card.code-card--short code,
.code-card.code-card--single-line code{
  padding:0 22px;
}
.code-line{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  min-width:max-content;
}
.code-line-number{
  padding:0 16px 0 18px;
  color:#6f675f;
  text-align:right;
  user-select:none;
}
.code-line-content{
  padding-right:18px;
}
.caption{
  padding:0 14px 12px;
  color:var(--muted);
  font-size:13px;
}
.config-list{
  display:grid;
  grid-template-columns:minmax(150px,.72fr) minmax(0,2fr);
  margin:10px 0 20px;
  border-top:1px solid var(--line);
}
.config-list dt,
.config-list dd{
  margin:0;
  padding:10px 8px;
  border-bottom:1px solid var(--line);
}
.config-list dt{
  color:#ffd19d;
  font:13px/1.5 var(--font-mono);
}
.config-list dd{color:#d2c9c1}
.doc-table-wrap,
.article table:not(.doc-table){
  width:100%;
  margin:18px 0 28px;
  overflow:hidden;
  border-bottom:1px solid var(--line);
}
.doc-table,
.article table:not(.doc-table){
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  color:#f1ede8;
  font-size:15px;
  line-height:1.45;
}
.doc-table th,
.doc-table td,
.article table:not(.doc-table) th,
.article table:not(.doc-table) td{
  padding:12px 14px;
  border-bottom:1px solid var(--line);
  border-right:1px solid var(--line);
  text-align:left;
  vertical-align:middle;
}
.doc-table th:last-child,
.doc-table td:last-child,
.article table:not(.doc-table) th:last-child,
.article table:not(.doc-table) td:last-child{
  border-right:0;
}
.doc-table thead th,
.article table:not(.doc-table) thead th{
  border-top:1px solid #4a3b2c;
  border-bottom:1px solid #4a3b2c;
  background:#29241f;
  color:#f5f2ee;
  font-weight:800;
}
.doc-table thead th:first-child,
.article table:not(.doc-table) thead th:first-child{
  border-left:1px solid #4a3b2c;
  border-top-left-radius:7px;
  border-bottom-left-radius:7px;
}
.doc-table thead th:last-child,
.article table:not(.doc-table) thead th:last-child{
  border-right:1px solid #4a3b2c;
  border-top-right-radius:7px;
  border-bottom-right-radius:7px;
}
.doc-table tbody tr:last-child td,
.article table:not(.doc-table) tbody tr:last-child td{
  border-bottom:0;
}
.doc-code-chip{
  display:inline-flex;
  max-width:100%;
  align-items:center;
  padding:2px 7px;
  border:1px solid #604933;
  border-radius:4px;
  background:#302820;
  color:#ffd09d;
  cursor:pointer;
  font:13px/1.35 var(--font-mono);
  overflow-wrap:anywhere;
}
.doc-code-chip:hover{
  border-color:#f29f58;
  background:#3a2e23;
}
.plain-list{
  margin:8px 0 18px;
  padding-left:22px;
  color:#d2c9c1;
}
.plain-list li{margin:5px 0}
.outline{
  position:sticky;
  top:var(--header-height);
  height:calc(100vh - var(--header-height));
  padding:34px 18px 24px;
  overflow:auto;
  border-left:1px solid var(--line);
}
.outline a{
  display:block;
  padding:6px 10px;
  border-left:2px solid transparent;
  color:var(--muted);
  font-size:13px;
  line-height:20px;
}
.outline a:hover{
  border-color:var(--orange);
  color:var(--orange-soft);
}
.footer{
  margin-top:48px;
  padding-top:18px;
  border-top:1px solid var(--line);
  color:var(--subtle);
  font-size:13px;
}

body.docs-modal-open{overflow:hidden}
.docs-product-modal[hidden]{display:none!important}
.docs-product-modal{
  position:fixed;
  inset:0;
  z-index:2000;
  display:grid;
  place-items:center;
  padding:24px;
  font-family:var(--font-content);
}
.docs-product-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.56);
  backdrop-filter:blur(12px);
  opacity:0;
  animation:docs-modal-backdrop-in .24s ease forwards;
}
.docs-product-modal__panel{
  position:relative;
  z-index:1;
  width:min(1100px,calc(100vw - 48px));
  max-height:calc(100vh - 48px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(31,29,27,.84),rgba(20,20,20,.76));
  backdrop-filter:blur(22px) saturate(1.12);
  box-shadow:0 32px 90px rgba(0,0,0,.56);
  outline:0;
  opacity:0;
  transform:translateY(18px) scale(.985);
  animation:docs-modal-panel-in .32s cubic-bezier(.2,.72,.2,1) forwards;
}
.docs-product-modal__top{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px 24px;
  border-bottom:1px solid rgba(255,255,255,.1);
  background:linear-gradient(135deg,rgba(39,34,29,.78),rgba(25,25,25,.7));
  backdrop-filter:blur(18px);
}
.docs-product-modal__eyebrow{
  color:#fff;
  font-size:20px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:0;
  text-transform:none;
}
.docs-product-modal__close{
  flex:0 0 auto;
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  background:#242220;
  color:#fff;
  cursor:pointer;
  font-size:24px;
  line-height:1;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.docs-product-modal__close:hover{
  border-color:rgba(246,95,0,.55);
  background:#302820;
  transform:translateY(-1px);
}
.docs-product-modal__content{
  max-height:calc(100vh - 138px);
  overflow:auto;
  padding:36px 44px 46px;
  scrollbar-width:thin;
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0));
}
.docs-product-modal__content > *{
  animation:docs-modal-content-in .28s ease both;
}
.docs-product-modal__content .article{
  max-width:none;
}
.docs-product-modal__content .breadcrumbs,
.docs-product-modal__content .footer{
  display:none;
}
.docs-product-modal__content h1{
  margin-bottom:18px;
  font-size:38px;
  line-height:1.2;
  letter-spacing:0;
}
.docs-product-modal__content h2{
  margin:48px 0 16px;
  font-size:31px;
  line-height:1.25;
  letter-spacing:0;
}
.docs-product-modal__content h3{
  margin:28px 0 10px;
  font-size:23px;
  line-height:1.35;
  letter-spacing:0;
}
.docs-product-modal__content .lead{
  max-width:780px;
  margin-bottom:30px;
  color:#e3dcd5;
  font-size:18px;
  line-height:1.65;
}
.docs-product-modal__content .article p:not(.lead),
.docs-product-modal__content .plain-list{
  color:#d8d0c8;
  font-size:16px;
  line-height:1.72;
}
.docs-product-modal__content .product-meta{
  gap:12px;
  margin-bottom:40px;
}
.docs-product-modal__content .product-meta div{
  padding:16px 18px;
  background:rgba(255,255,255,.045);
}
.docs-product-modal__content .product-meta dt{
  font-size:13px;
}
.docs-product-modal__content .product-meta dd{
  font-size:15px;
}
.docs-product-modal__content .setup-flow,
.docs-product-modal__content .reference-grid{
  gap:14px;
  margin:20px 0;
}
.docs-product-modal__content .setup-step,
.docs-product-modal__content .reference-grid div{
  padding:18px 19px;
  background:rgba(255,255,255,.035);
}
.docs-product-modal__content .setup-step strong,
.docs-product-modal__content .reference-grid strong{
  font-size:15px;
}
.docs-product-modal__content .setup-step span,
.docs-product-modal__content .reference-grid span{
  font-size:15px;
  line-height:1.65;
}
.docs-product-modal__content .note{
  margin:22px 0;
  padding:18px 20px;
  background:rgba(48,39,31,.72);
}
.docs-product-modal__content .hero-product{
  margin-top:30px;
}
.docs-product-modal__content .hero-product img{
  max-height:380px;
}
.docs-product-modal__loading,
.docs-product-modal__error{
  min-height:220px;
  display:grid;
  place-items:center;
  padding:28px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:rgba(32,32,32,.86);
  color:#d9d0c8;
  text-align:center;
}
.docs-product-modal__loading::before{
  content:"";
  width:22px;
  height:22px;
  margin:0 auto 12px;
  border:2px solid rgba(255,255,255,.18);
  border-top-color:#d6cec6;
  border-radius:50%;
  animation:docs-modal-spin .8s linear infinite;
}
.docs-product-modal__error a{
  color:var(--orange-soft);
  font-weight:600;
}

@keyframes docs-modal-backdrop-in{
  to{opacity:1}
}
@keyframes docs-modal-panel-in{
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}
@keyframes docs-modal-content-in{
  from{
    opacity:0;
    transform:translateY(8px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}
@keyframes docs-modal-spin{
  to{transform:rotate(360deg)}
}

@media(max-width:1180px){
  .ts-docs-topbar__inner{
    grid-template-columns:auto minmax(260px,1fr) auto;
  }
  .ts-docs-nav{
    width:auto;
    gap:20px;
  }
}
@media(max-width:1120px){
  .layout{grid-template-columns:230px minmax(0,1fr)}
  .outline{display:none}
  .content{padding:34px 38px 72px}
}
@media(max-width:900px){
  :root{--header-height:112px}
  .ts-docs-topbar{height:auto}
  .ts-docs-topbar__inner{
    height:auto;
    min-height:64px;
    grid-template-columns:auto 1fr;
    padding:10px 18px;
    gap:12px;
  }
  .ts-docs-search{
    grid-column:1/-1;
    order:3;
  }
  .ts-docs-nav{
    width:auto;
    gap:14px;
    font-size:13px;
  }
  .ts-docs-nav__button{padding:7px 12px}
  .docs-home{
    width:min(100% - 32px,1160px);
    padding-top:24px;
  }
  .home-products-grid{grid-template-columns:1fr 1fr}
  .home-start-list{grid-template-columns:1fr}
  .home-about-card{
    grid-template-columns:1fr;
  }
  .home-about-card img{
    min-height:220px;
    aspect-ratio:16/6;
  }
  .home-about-card__body{
    min-height:0;
    padding:28px 24px;
    border-left:0;
    border-top:1px solid #2f2f2f;
  }
  .home-protection-card{
    grid-template-columns:1fr;
    min-height:0;
  }
  .home-protection-card img,
  .home-protection-card video{
    min-height:220px;
    aspect-ratio:16/6;
  }
  .home-protection-card__body{
    align-items:center;
    min-height:0;
    border-left:0;
    border-top:1px solid #2f2f2f;
    text-align:center;
  }
  .home-protection-card__body span{max-width:620px}
}
@media(max-width:760px){
  .layout{display:block}
  .sidebar{display:none}
  .content{padding:26px 18px 60px}
  h1{font-size:32px}
  .lead{font-size:16px}
  .product-meta{grid-template-columns:1fr}
  .product-meta div{
    grid-template-columns:1fr;
    gap:6px;
  }
  .product-meta--explorer .product-meta__item{
    grid-template-columns:1fr;
  }
  .setup-flow,
  .setup-flow--two,
  .reference-grid{
    grid-template-columns:1fr;
  }
  .config-list{display:block}
  .config-list dt{padding-bottom:2px}
  .config-list dd{padding-top:0}
  .docs-product-modal{padding:12px}
  .docs-product-modal__panel{
    width:calc(100vw - 24px);
    max-height:calc(100vh - 24px);
  }
  .docs-product-modal__top{padding:15px 16px}
  .docs-product-modal__content{
    max-height:calc(100vh - 104px);
    padding:22px 18px 30px;
  }
  .docs-product-modal__content h1{
    font-size:29px;
    line-height:1.22;
  }
}
@media(max-width:620px){
  .ts-docs-topbar__inner{grid-template-columns:1fr}
  .ts-docs-logo{display:none}
  .ts-docs-nav{
    justify-self:start;
    flex-wrap:wrap;
  }
  .home-help-item{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }
  .home-products-grid{grid-template-columns:1fr}
  .home-product-card__body{min-height:auto}
  .protection-page{width:min(100% - 32px,980px);padding-top:26px}
  .home-intro__logo{
    width:100%;
    max-width:100%;
    max-height:180px;
  }
  .docs-product-modal__content .setup-flow,
  .docs-product-modal__content .reference-grid{
    grid-template-columns:1fr;
  }
}

.ts-docs-topbar--compact{
  position:absolute;
  inset:0 0 auto;
  height:0;
  border-bottom:0;
  background:transparent;
  pointer-events:none;
}
.ts-docs-topbar--compact .ts-docs-topbar__inner{
  height:0;
  min-height:0;
  padding-top:14px;
  pointer-events:none;
}
.ts-docs-topbar--compact .ts-docs-back{
  pointer-events:auto;
}

@media(max-width:900px){
  .ts-docs-topbar--compact .ts-docs-topbar__inner{
    width:min(100% - 32px,1160px);
    padding:12px 0 0;
  }
}