:root{
  --bg:#0b1020;
  --fg:#e9eefc;
  --muted:rgba(233,238,252,.72);
  --line:rgba(255,255,255,.12);
  --glass:rgba(255,255,255,.08);
  --glass-strong:rgba(255,255,255,.12);
  --shadow: 0 24px 70px rgba(0,0,0,.45);
  --radius: 18px;
  --radius-lg: 26px;
  --container: 1160px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";
  background: radial-gradient(1000px 600px at 20% -10%, rgba(70,140,255,.25), transparent 60%),
              radial-gradient(900px 600px at 90% 10%, rgba(220,120,255,.20), transparent 55%),
              radial-gradient(1100px 700px at 50% 120%, rgba(120,255,220,.16), transparent 55%),
              var(--bg);
  color: var(--fg);
  overflow-x: hidden;
}

a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}

.tk-container{
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 22px;
}

.tk-muted{color: var(--muted)}
.tk-link{opacity:.85}
.tk-link:hover{opacity:1;text-decoration:underline}

.tk-glass{
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06));
  border: 1px solid var(--line);
  box-shadow: 0 10px 40px rgba(0,0,0,.30);
  border-radius: var(--radius-lg);
  backdrop-filter: blur(14px) saturate(150%);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
}

.tk-header{
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(11,16,32,.55);
  border-bottom: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.tk-header__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  height: 72px;
}

.tk-brand{display:flex;align-items:center;gap:10px;font-weight:700}
.tk-brand__mark{
  width: 14px;height:14px;border-radius: 999px;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.95), rgba(255,255,255,.12) 55%),
              linear-gradient(135deg, rgba(70,140,255,.95), rgba(220,120,255,.85));
  box-shadow: 0 0 0 6px rgba(255,255,255,.06);
}
.tk-badge{
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(70,140,255,.18);
  border: 1px solid rgba(70,140,255,.30);
  color: rgba(233,238,252,.92);
}

.tk-nav{display:flex;align-items:center;gap:22px}
.tk-nav__list{display:flex;align-items:center;gap:18px;list-style:none;margin:0;padding:0}
.tk-nav__actions{display:flex;align-items:center;gap:10px}

.tk-burger{display:none;background:none;border:0;color:inherit}
.tk-burger span{display:block;width:22px;height:2px;background:rgba(255,255,255,.8);margin:5px 0;border-radius:2px}

.tk-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
  white-space: nowrap;
}
.tk-btn:hover{transform: translateY(-1px); background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.22)}
.tk-btn--primary{
  background: linear-gradient(135deg, rgba(70,140,255,.95), rgba(220,120,255,.90));
  border-color: rgba(255,255,255,.22);
}
.tk-btn--primary:hover{background: linear-gradient(135deg, rgba(70,140,255,1), rgba(220,120,255,1))}
.tk-btn--ghost{background: rgba(255,255,255,.04)}
.tk-btn--lg{padding: 12px 18px; font-weight: 650}
.tk-btn--block{width:100%}

.tk-main{min-height:60vh}

.tk-hero{
  position: relative;
  padding: 64px 0 42px;
}
.tk-hero__bg{
  position:absolute;inset:-180px -220px auto -220px;
  height: 680px;
  background-repeat:no-repeat;
  background-size: cover;
  opacity: .55;
  filter: blur(14px) saturate(140%);
  transform: translateZ(0);
  pointer-events:none;
}

.tk-hero__inner{
  position: relative;
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 36px;
  align-items: center;
}

.tk-pill{
  display:inline-flex;align-items:center;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(233,238,252,.92);
  font-size: 13px;
}

.tk-h1{
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.05;
  margin: 14px 0 14px;
  letter-spacing: -0.02em;
}
.tk-gradient{
  background: linear-gradient(135deg, rgba(255,255,255,1), rgba(120,255,220,1));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.tk-lead{
  font-size: 17px;
  line-height: 1.55;
  color: rgba(233,238,252,.86);
  margin: 0 0 20px;
  max-width: 52ch;
}

.tk-hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin: 12px 0 18px}

.tk-note{
  display:flex;gap:10px;align-items:flex-start;
  padding: 12px 14px;
  border-radius: 16px;
  max-width: 64ch;
}
.tk-note__dot{width:10px;height:10px;border-radius:999px;background: rgba(120,255,220,.95);box-shadow: 0 0 0 6px rgba(120,255,220,.10);margin-top:5px}

.tk-hero__media{position:relative;min-height: 460px}
.tk-device{
  overflow:hidden;
  border-radius: 22px;
  box-shadow: var(--shadow);
}
.tk-device__top{
  display:flex;align-items:center;gap:8px;
  padding: 12px 12px;
  border-bottom: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
}
.tk-dot{width:10px;height:10px;border-radius:999px;background: rgba(255,255,255,.22)}
.tk-device__url{margin-left: 8px; font-size: 12px; color: rgba(233,238,252,.72)}
.tk-device__body{background: rgba(0,0,0,.20)}
.tk-shot{width:100%}
.tk-device--float{
  position:absolute;
  right: -18px;
  bottom: -22px;
  width: 78%;
  transform: rotate(2deg);
}

.tk-section{padding: 54px 0}
.tk-section--alt{padding: 56px 0; background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)); border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06)}
.tk-section__head{margin-bottom: 22px}
.tk-h2{font-size: clamp(24px, 2.4vw, 34px); margin: 0 0 8px; letter-spacing: -.02em}
.tk-sub{margin:0; color: rgba(233,238,252,.78); max-width: 72ch; line-height: 1.6}

.tk-grid{display:grid; gap: 14px}
.tk-grid--3{grid-template-columns: repeat(3, minmax(0, 1fr))}
.tk-card{padding: 16px 16px 14px}
.tk-h3{margin:0 0 8px; font-size: 16px}
.tk-card p{margin:0; line-height: 1.5}

.tk-split{display:grid;grid-template-columns: 1.1fr .9fr; gap: 18px; align-items:start}
.tk-list{margin: 14px 0 0; padding-left: 18px; color: rgba(233,238,252,.78); line-height: 1.6}
.tk-list--compact{margin: 12px 0 0}
.tk-list--compact li{margin: 8px 0}

.tk-stat{padding: 14px 16px; display:flex; align-items: baseline; justify-content:space-between; gap: 10px; border-radius: 18px; margin-bottom: 10px}
.tk-stat__value{font-size: 18px; font-weight: 800}
.tk-stat__label{color: rgba(233,238,252,.78); font-size: 13px}

.tk-mini{padding: 14px 16px; border-radius: 18px}
.tk-mini__title{font-weight: 750; margin-bottom: 10px}
.tk-mini__row{display:flex; justify-content:space-between; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.08)}
.tk-mini__row:last-of-type{border-bottom: 0}
.tk-mini__note{margin-top: 10px}

.tk-price{padding: 18px 18px 16px}
.tk-price__top{display:flex;flex-direction:column;gap:6px}
.tk-price__value{font-size: 26px; font-weight: 900; letter-spacing:-.02em}
.tk-price--highlight{outline: 2px solid rgba(120,255,220,.22)}
.tk-price--highlight .tk-price__value{background: linear-gradient(135deg, rgba(255,255,255,1), rgba(120,255,220,1)); -webkit-background-clip:text; background-clip:text; color:transparent}

.tk-faq{margin-top: 16px; padding: 16px 16px}
.tk-faq details{border-top: 1px solid rgba(255,255,255,.08); padding: 10px 0}
.tk-faq details:first-of-type{border-top:0}
.tk-faq summary{cursor:pointer; list-style:none}
.tk-faq summary::-webkit-details-marker{display:none}
.tk-faq p{margin: 10px 0 0; line-height: 1.55}

.tk-cta{
  margin-top: 18px;
  padding: 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
}

.tk-footer{
  border-top: 1px solid rgba(255,255,255,.08);
  background: rgba(11,16,32,.65);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.tk-footer__inner{
  display:flex;align-items:flex-start;justify-content:space-between;gap: 18px;
  padding: 26px 0;
}
.tk-footer__brand{display:flex;align-items:center;gap:10px;font-weight:750}
.tk-footer__right{display:flex;gap: 14px;flex-wrap:wrap; justify-content:flex-end; text-align:right}

.tk-page{padding: 26px 0}


/* feature icons */
.tk-card{position:relative}
.tk-card__icon{
  width:44px;height:44px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius: 14px;
  margin-bottom: 10px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 14px 34px rgba(0,0,0,.25);
  backdrop-filter: blur(12px) saturate(150%);
  -webkit-backdrop-filter: blur(12px) saturate(150%);
}
.tk-card__icon svg{width:22px;height:22px}
.tk-card__icon svg path{
  stroke: rgba(233,238,252,.92);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}


@media (max-width: 980px){
  .tk-hero__inner{grid-template-columns: 1fr; gap: 22px}
  .tk-device--float{position:relative; right:auto; bottom:auto; width:100%; transform:none; margin-top: 12px}
  .tk-hero__media{min-height:auto}
  .tk-grid--3{grid-template-columns: 1fr}
  .tk-split{grid-template-columns: 1fr}
  .tk-nav{display:none}
  .tk-burger{display:block}
  .tk-header.open .tk-nav{
    display:flex;flex-direction:column;align-items:stretch;gap:12px;
    position:absolute; left:0; right:0; top:72px;
    padding: 14px 22px 18px;
    background: rgba(11,16,32,.90);
    border-bottom: 1px solid rgba(255,255,255,.08);
  }
  .tk-header.open .tk-nav__list{flex-direction:column; align-items:flex-start; gap: 12px}
  .tk-header.open .tk-nav__actions{flex-direction:column}
  .tk-footer__inner{flex-direction:column}
  .tk-footer__right{text-align:left; justify-content:flex-start}
  .tk-cta{flex-direction:column; align-items:flex-start}
}

/* reveal */
.tk-glass{transform: translateY(6px); opacity: .92; transition: transform .5s ease, opacity .5s ease;}
.tk-glass.tk-reveal{transform: translateY(0); opacity: 1;}