@font-face {
  font-family: TolkGlass; src: url("manrope.woff2") format("woff2");
  font-style: normal; font-weight: 200 800; font-display: swap;
}
@font-face {
  font-family: TolkGlass; src: url("manrope-cyrillic.woff2") format("woff2");
  font-style: normal; font-weight: 200 800; font-display: swap;
  unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
html, body { margin: 0; background: #140b1d; }
#tolk-glass-home { min-width: 0; }
#tolk-glass-home [hidden] { display: none !important; }
#tolk-glass-home .site {
  --ink: #faf4ff;
  --secondary: #e3d5ec;
  --plum-black: #140b1d;
  --lavender: #e5c9ff;
  --line: #5a406d;
  --inset: clamp(19px, 4.5cqw, 48px);
  container: tolk-glass / inline-size;
  min-width: 0; width: 100%; max-width: 1600px; margin-inline: auto;
  color: var(--ink); background: var(--plum-black);
  font-family: TolkGlass, "Segoe UI", sans-serif; font-weight: 550;
}
#tolk-glass-home .site, #tolk-glass-home .site * { box-sizing: border-box; }
#tolk-glass-home .site ::selection { background: var(--lavender); color: var(--plum-black); }
#tolk-glass-home .site a { color: inherit; text-decoration: none; }
#tolk-glass-home .site a:focus-visible {
  outline: 2px solid var(--lavender); outline-offset: 4px;
}
#tolk-glass-home .top {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  min-height: 69px; padding: 8px var(--inset);
  border-bottom: 1px solid #362542; position: relative; z-index: 2;
}
#tolk-glass-home .logo { display: block; line-height: 0; }
#tolk-glass-home .logo img { display: block; width: 121px; height: auto; }
#tolk-glass-home .top-link {
  display: inline-flex; align-items: center; min-height: 44px;
  color: var(--secondary); font-size: 14px; font-weight: 650;
}
#tolk-glass-home .top-link:hover { text-decoration: underline; text-underline-offset: 4px; }
#tolk-glass-home .desktop-nav {
  display: flex; flex-wrap: wrap; justify-content: flex-end;
  align-items: center; gap: 8px clamp(14px, 3.1cqw, 33px);
}
#tolk-glass-home .mobile-nav { display: none; }
#tolk-glass-home .hero {
  isolation: isolate; position: relative; overflow: clip;
  min-height: clamp(450px, 53cqw, 820px);
  display: grid; align-items: center;
  background: var(--plum-black);
}
#tolk-glass-home .art {
  position: absolute; z-index: -2; inset: 0;
  display: block; width: 100%; height: 100%;
  object-fit: cover; object-position: 100% 52%;
}
#tolk-glass-home .hero::before {
  content: ""; position: absolute; z-index: -1; inset: 0;
  background: linear-gradient(90deg, #140b1d 0%, #140b1de8 23%, #140b1d56 51%, #140b1d00 67%);
  pointer-events: none;
}
#tolk-glass-home .copy {
  min-width: 0; padding: clamp(42px, 5.8cqw, 68px) var(--inset);
}
#tolk-glass-home h1 {
  margin: 0; font-size: clamp(36px, 5.02cqw, 56px);
  font-weight: 750; line-height: 1.065; letter-spacing: -.035em;
}
#tolk-glass-home h1 span { white-space: nowrap; }
#tolk-glass-home h1 em { color: var(--lavender); font-style: normal; }
#tolk-glass-home .description {
  margin: 19px 0 0; max-width: 38ch;
  color: var(--secondary); font-size: clamp(16px, 1.75cqw, 18px);
  line-height: 1.55;
}
#tolk-glass-home .site .action {
  display: inline-flex; align-items: center; gap: 14px; min-height: 46px;
  margin-top: 24px; padding: 10px 15px; border-radius: 6px;
  color: var(--plum-black); background: var(--lavender);
  font-size: 14px; font-weight: 800;
}
#tolk-glass-home .action:hover { background: #f7eaff; }
#tolk-glass-home .action-mark { display: inline-block; position: relative; width: 12px; height: 12px; }
#tolk-glass-home .action-mark::before, #tolk-glass-home .action-mark::after {
  content: ""; position: absolute; inset: 5px 0; background: currentColor;
}
#tolk-glass-home .action-mark::after { transform: rotate(90deg); }
#tolk-glass-home .demo {
  padding: 26px var(--inset) 32px;
  border-top: 1px solid var(--line); background: #20132d;
}
#tolk-glass-home .demo-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px 13px; }
#tolk-glass-home .demo h2 { margin: 0; font-size: clamp(23px, 3.25cqw, 34px); letter-spacing: -.03em; }
#tolk-glass-home .demo-head p { margin: 0; color: var(--secondary); font-size: 13px; }
#tolk-glass-home .steps {
  list-style: none; padding: 0; margin: 17px 0 0;
  display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px;
}
#tolk-glass-home .steps li { min-width: 0; padding-top: 10px; border-top: 1px solid var(--line); }
#tolk-glass-home .steps strong { font-size: 17px; }
#tolk-glass-home .steps p { margin: 4px 0 0; color: var(--secondary); font-size: 14px; line-height: 1.42; }

#tolk-glass-home .page-section {
  padding: clamp(36px, 6.6cqw, 72px) var(--inset);
  border-top: 1px solid #352242;
}
#tolk-glass-home .page-section h2 {
  margin: 0; font-size: clamp(31px, 5cqw, 53px); font-weight: 760;
  line-height: 1.07; letter-spacing: -.04em;
}
#tolk-glass-home .intro {
  max-width: 55ch; margin: 11px 0 0; color: var(--secondary);
  font-size: 16px; line-height: 1.5;
}
#tolk-glass-home .capabilities { background: #190f24; }
#tolk-glass-home .feature-console {
  display: grid; grid-template-columns: minmax(190px,.82fr) minmax(0,1.35fr);
  margin-top: 24px; min-width: 0;
  border: 1px solid #5b3d70; border-top-color: #9674b1;
  border-radius: 12px; overflow: clip;
  background: #20132e;
}
#tolk-glass-home .feature-controls { display: grid; align-content: stretch; }
#tolk-glass-home .feature-choice {
  display: grid; align-content: center; gap: 3px; min-width: 0; min-height: 67px;
  padding: 11px clamp(12px,2cqw,22px); color: var(--ink); background: #21142d;
  border: 0; border-radius: 0; text-align: left;
  font: 750 16px/1.25 TolkGlass,"Segoe UI",sans-serif;
}
#tolk-glass-home .feature-choice + .feature-choice { border-top: 1px solid #4f365f; }
#tolk-glass-home .feature-choice small {
  color: var(--secondary); font: 550 13px/1.3 TolkGlass,"Segoe UI",sans-serif;
}
#tolk-glass-home .feature-choice:hover { background: #2b1a3c; }
#tolk-glass-home .feature-choice[aria-pressed="true"] { color: #22132d; background: var(--lavender); }
#tolk-glass-home .feature-choice[aria-pressed="true"] small { color: #49285f; }
#tolk-glass-home .site button:focus-visible {
  outline: 2px solid var(--lavender); outline-offset: 3px;
}
#tolk-glass-home .feature-choice:focus-visible {
  position: relative; z-index: 1; outline: 2px solid currentColor; outline-offset: -5px;
}
#tolk-glass-home .feature-proof {
  min-width: 0; min-height: 245px; padding: clamp(15px, 2.65cqw, 29px);
  border-left: 1px solid #5b3d70; background: #180f24;
}
#tolk-glass-home .proof-kind {
  margin: 0 0 7px; font-size: 13px; color: #dfbfff;
}
#tolk-glass-home .feature-proof h3 {
  margin: 0; font-size: clamp(20px, 2.8cqw, 29px); line-height: 1.14; letter-spacing: -.025em;
}
#tolk-glass-home .proof-description {
  margin: 7px 0 0; font-size: 14px; line-height: 1.45; color: var(--secondary);
}
#tolk-glass-home .spec { margin: 15px 0 0; }
#tolk-glass-home .spec div {
  display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 10px;
  padding: 7px 0; border-top: 1px solid #4d365d; font-size: 14px; line-height: 1.35;
}
#tolk-glass-home .spec dt { color: var(--secondary); }
#tolk-glass-home .spec dd { margin: 0; text-align: right; font-weight: 750; }
#tolk-glass-home .spec dd.accent { color: var(--lavender); }

#tolk-glass-home .workflow { background: #130a1d; }
#tolk-glass-home .route {
  list-style: none; counter-reset: stage; padding: 0; margin: 29px 0 0;
  display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0;
}
#tolk-glass-home .route li {
  counter-increment: stage; min-width: 0;
  position: relative; padding: 46px 16px 0 0;
}
#tolk-glass-home .route li::before {
  content: counter(stage); position: absolute; z-index: 1; top: 0; left: 0;
  display: grid; place-items: center; width: 31px; height: 31px;
  border-radius: 50%; border: 1px solid #b992d4;
  color: var(--lavender); background: #2f1c43; font-size: 14px; font-weight: 750;
}
#tolk-glass-home .route li:last-child::before { color: #2c1539; background: var(--lavender); }
#tolk-glass-home .route li:not(:last-child)::after {
  content: ""; position: absolute; top: 15px; left: 29px; right: 0; height: 1px; background: #9868b4;
}
#tolk-glass-home .route h3 {
  margin: 0; font-size: clamp(17px, 2.05cqw, 22px); font-weight: 800; line-height: 1.2;
}
#tolk-glass-home .route p {
  margin: 6px 0 0; font-size: 14px; line-height: 1.45; color: var(--secondary);
}

#tolk-glass-home .pricing { background: #20132c; }
#tolk-glass-home .pricing-layout {
  display: grid; grid-template-columns: minmax(170px,.75fr) minmax(0,1.55fr);
  align-items: start; gap: clamp(16px,3.4cqw,36px);
}
#tolk-glass-home .price-note {
  margin: 14px 0 0; color: var(--secondary); font-size: 13px; line-height: 1.5;
}
#tolk-glass-home .plans {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0;
  border: 1px solid #664880; border-top-color: #a380bd; border-radius: 11px;
  overflow: clip; background: #261538;
}
#tolk-glass-home .plan {
  min-width: 0; display: grid; align-content: start; justify-items: start; gap: 7px;
  padding: clamp(12px,2.7cqw,27px);
}
#tolk-glass-home .plan + .plan { border-left: 1px solid #664880; background: #311c48; }
#tolk-glass-home .plan h3 { margin: 0; font-size: 19px; font-weight: 750; }
#tolk-glass-home .plan-price {
  margin: 0; white-space: nowrap; color: var(--lavender);
  font-size: clamp(25px, 4.15cqw, 44px); font-weight: 780; line-height: 1.06; letter-spacing: -.037em;
}
#tolk-glass-home .plan-caption {
  margin: 0; color: var(--secondary); font-size: 13px; line-height: 1.35;
}
#tolk-glass-home .choose-plan {
  min-height: 44px; max-width: 100%; margin-top: 6px;
  padding: 7px 11px; border: 1px solid #b88bda; border-radius: 6px;
  background: transparent; color: var(--lavender);
  text-align: left; font: 750 13px/1.3 TolkGlass,"Segoe UI",sans-serif;
}
#tolk-glass-home .choose-plan:hover { background: #452858; }
#tolk-glass-home .choose-plan[aria-pressed="true"] { background: var(--lavender); color: #2a173a; }
#tolk-glass-home .plan-status {
  grid-column: 2; margin: 0; color: var(--lavender); font-size: 14px;
}
#tolk-glass-home .plan-status:empty { display: none; }
#tolk-glass-home .bottom {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 11px;
  padding: 16px var(--inset); border-top: 1px solid #3b2948; color: var(--secondary);
  font-size: 13px;
}
#tolk-glass-home .bottom strong { color: var(--ink); }
#tolk-glass-home .bottom a:hover { text-decoration: underline; text-underline-offset: 4px; }
@container tolk-glass (max-width: 665px) {
  #tolk-glass-home .top { min-height: 60px; }
  #tolk-glass-home .logo img { width: 108px; }
  #tolk-glass-home .hero { min-height: 0; align-items: start; }
  #tolk-glass-home .hero::before { display: none; }
  #tolk-glass-home .copy { padding: 32px var(--inset) 14px; }
  #tolk-glass-home .art {
    position: relative; z-index: auto; inset: auto;
    height: clamp(282px, 98cqw, 415px);
    object-position: 100% 53%;
    mask-image: linear-gradient(to bottom, transparent, black 13%);
  }
  #tolk-glass-home h1 { font-size: clamp(29px, 8.25cqw, 45px); }
  #tolk-glass-home h1 br { display: none; }
  #tolk-glass-home .description { margin-top: 13px; }
  #tolk-glass-home .site .action { margin-top: 17px; }
  #tolk-glass-home .steps { grid-template-columns: minmax(0,1fr); }
  #tolk-glass-home .pricing-layout { grid-template-columns: minmax(0,1fr); }
  #tolk-glass-home .plan-status { grid-column: 1; }
  #tolk-glass-home .route { grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 18px; }
  #tolk-glass-home .route li:nth-child(2)::after { display: none; }
}
@container tolk-glass (max-width: 450px) {
  #tolk-glass-home .top { gap: 8px; }
  #tolk-glass-home .choose-plan { padding-inline: 8px; }
  #tolk-glass-home .feature-console { grid-template-columns: minmax(0,1fr); }
  #tolk-glass-home .feature-controls { grid-template-columns: repeat(3,minmax(0,1fr)); }
  #tolk-glass-home .feature-choice {
    min-height: 56px; padding: 7px; font-size: 13px; overflow-wrap: anywhere;
  }
  #tolk-glass-home .feature-choice + .feature-choice { border-top: 0; border-left: 1px solid #5b3d70; }
  #tolk-glass-home .feature-choice small { display: none; }
  #tolk-glass-home .feature-proof {
    min-height: 0; border-left: 0; border-top: 1px solid #5b3d70;
  }
  #tolk-glass-home .route { grid-template-columns: minmax(0,1fr); gap: 0; margin-top: 23px; }
  #tolk-glass-home .route li { padding: 0 0 17px 44px; min-height: 60px; }
  #tolk-glass-home .route li:last-child { min-height: 32px; padding-bottom: 0; }
  #tolk-glass-home .route li:not(:last-child)::after {
    display: block; top: 28px; bottom: -2px; left: 15px; width: 1px; height: auto;
  }
}

#tolk-glass-home .desktop-nav { margin-inline-start: auto; }
#tolk-glass-home .account-link {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 42px; padding: 7px 13px;
  border: 1px solid #b88bda; border-radius: 6px;
  color: var(--lavender); font-size: 14px; font-weight: 750;
  white-space: nowrap;
}
#tolk-glass-home .account-link:hover { background: #352244; }
#tolk-glass-home .availability { margin: 8px 0 0; color: var(--secondary); font-size: 13px; line-height: 1.5; }
#tolk-glass-home .pricing .account-link { margin-top: 14px; }
#tolk-glass-home .mobile-nav .top-link { display: flex; }
@container tolk-glass (max-width: 620px) {
  #tolk-glass-home .desktop-nav { display: none; }
  #tolk-glass-home .mobile-nav { display: block; position: relative; margin-inline-start: auto; }
  #tolk-glass-home .mobile-nav summary {
    display: flex; align-items: center; min-height: 44px; list-style: none;
    color: var(--secondary); font-size: 14px; font-weight: 750; cursor: pointer;
  }
  #tolk-glass-home .mobile-nav summary::-webkit-details-marker { display: none; }
  #tolk-glass-home .mobile-nav nav {
    position: absolute; top: 100%; right: 0; z-index: 5;
    min-width: 150px; padding: 4px 12px; border: 1px solid #6d4e87;
    border-radius: 7px; background: #24152e;
  }
}
