:root {
  font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  color: #f5f6f7;
  background: #090a0d;
  font-synthesis: none;
  --aqua: #25f4ee;
  --coral: #fe2c55;
  --ink: #111827;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #090a0d; color: #fff; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

header {
  height: 76px;
  display: flex;
  align-items: center;
  gap: 44px;
  padding: 0 max(4vw, 28px);
  border-bottom: 1px solid #25262b;
  position: sticky;
  top: 0;
  z-index: 30;
  background: rgba(9, 10, 13, .88);
  backdrop-filter: blur(18px);
}

.land-brand { display: flex; align-items: center; gap: 10px; font-weight: 850; letter-spacing: -.02em; }
.land-brand b { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: var(--aqua); color: #0b0c0f; box-shadow: 4px 4px 0 var(--coral); }
.land-brand span { display: grid; }
.land-brand small { font-size: 8px; letter-spacing: .18em; color: #8d929c; }
header nav { display: flex; gap: 25px; margin: auto; color: #b9bdc5; font-size: 14px; }
header nav a, footer a { display: inline-flex; align-items: center; min-height: 40px; padding-inline: 4px; }
header nav a:hover, footer a:hover { color: var(--aqua); }
.land-actions { display: flex; gap: 9px; align-items: center; }
.land-actions a, .hero-actions a { padding: 11px 18px; border: 1px solid rgba(17, 24, 39, .22); border-radius: 9px; font-weight: 750; font-size: 14px; }
.solid { background: var(--aqua) !important; color: #101114 !important; border-color: var(--aqua) !important; box-shadow: 3px 3px 0 var(--coral); }

.land-hero { padding: 42px max(4vw, 28px) 54px; background: radial-gradient(circle at 16% 30%, rgba(37, 244, 238, .11), transparent 25%), #090a0d; }
.hero-carousel { position: relative; width: min(1680px, 100%); margin: 0 auto; border-radius: 28px; overflow: hidden; background: #dfeffc; box-shadow: 0 38px 120px rgba(0, 0, 0, .38); isolation: isolate; }
.hero-viewport { position: relative; height: clamp(580px, 43vw, 760px); }
.hero-slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transform: scale(1.015); transition: opacity .7s ease, transform 1s ease, visibility .7s; }
.hero-slide.is-active { opacity: 1; visibility: visible; transform: scale(1); z-index: 1; }
.hero-slide > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(230, 245, 255, .98) 0%, rgba(230, 245, 255, .94) 24%, rgba(230, 245, 255, .42) 43%, rgba(230, 245, 255, 0) 60%); }
.hero-copy { position: absolute; z-index: 2; left: clamp(34px, 5vw, 88px); top: 50%; width: min(610px, 43%); transform: translateY(-52%); color: var(--ink); }
.pill { display: inline-flex; align-items: center; gap: 9px; padding: 8px 12px; border: 1px solid rgba(17, 24, 39, .15); border-radius: 999px; color: #334155; background: rgba(255, 255, 255, .58); font-size: 12px; font-weight: 750; backdrop-filter: blur(12px); }
.pill i { width: 7px; height: 7px; border-radius: 50%; background: #00aaa4; box-shadow: 0 0 14px rgba(0, 170, 164, .65); }
.hero-copy h1, .hero-copy h2 { max-width: 640px; font-size: clamp(48px, 5.1vw, 84px); line-height: .98; letter-spacing: -.065em; margin: 26px 0 20px; }
.hero-copy em { font-style: normal; color: #008e89; text-shadow: 2px 2px 0 rgba(254, 44, 85, .2); }
.hero-copy > p { max-width: 540px; margin: 0; font-size: clamp(16px, 1.15vw, 20px); line-height: 1.75; color: #4b5d70; }
.hero-actions { display: flex; gap: 11px; margin-top: 30px; }
.hero-actions a:not(.solid) { background: rgba(255, 255, 255, .66); color: #1e293b; backdrop-filter: blur(12px); }
.trust { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px; color: #5f7286; font-size: 12px; }
.trust span { display: inline-flex; align-items: center; gap: 7px; }
.trust span::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #00aaa4; }

.hero-controlbar { position: absolute; z-index: 5; left: clamp(34px, 5vw, 88px); right: clamp(24px, 2.5vw, 44px); bottom: 24px; display: flex; align-items: center; gap: 14px; }
.carousel-dots { display: flex; gap: 8px; }
.carousel-dots button { width: 28px; height: 5px; padding: 0; border: 0; border-radius: 999px; background: rgba(17, 24, 39, .2); cursor: pointer; transition: width .25s, background .25s; }
.carousel-dots button.is-active { width: 52px; background: #008e89; }
.carousel-progress { width: min(180px, 18vw); height: 2px; overflow: hidden; border-radius: 99px; background: rgba(17, 24, 39, .14); }
.carousel-progress i { display: block; width: 100%; height: 100%; background: #008e89; transform-origin: left; transform: scaleX(0); }
.hero-carousel.is-playing .carousel-progress i { animation: hero-progress 6s linear both; }
.carousel-arrows { display: flex; gap: 8px; margin-left: auto; }
.carousel-arrows button { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(17, 24, 39, .14); border-radius: 50%; color: #172033; background: rgba(255, 255, 255, .72); cursor: pointer; backdrop-filter: blur(12px); transition: transform .2s, background .2s; }
.carousel-arrows button:hover { transform: translateY(-2px); background: #fff; }
@keyframes hero-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }

.platform-intro { display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; align-items: end; padding: 110px max(5vw, 28px) 52px; background: #f4f6f8; color: var(--ink); }
.section-title span, .land-cta > span { font-size: 10px; letter-spacing: .19em; color: #008e89; font-weight: 850; }
.section-title h2 { font-size: clamp(38px, 4.5vw, 70px); line-height: 1.04; letter-spacing: -.055em; margin: 12px 0 0; }
.intro-copy { max-width: 610px; margin: 0 0 7px; color: #657180; font-size: 18px; line-height: 1.9; }

.advantage-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 0 max(5vw, 28px) 100px; background: #f4f6f8; color: var(--ink); }
.advantage-card { position: relative; min-height: 310px; overflow: hidden; padding: 36px; border: 1px solid rgba(118, 140, 166, .2); border-radius: 22px; background: linear-gradient(145deg, #e7f2ff, #dceaff); transition: transform .3s ease, box-shadow .3s ease; }
.advantage-card:nth-child(2) { background: linear-gradient(145deg, #eef0ff, #dfe5ff); }
.advantage-card:nth-child(3) { background: linear-gradient(145deg, #e8fbfa, #d8f1f2); }
.advantage-card:nth-child(4) { background: linear-gradient(145deg, #fff0eb, #ffe2dd); }
.advantage-card::after { content: ""; position: absolute; width: 240px; height: 240px; right: -54px; bottom: -74px; border: 1px solid rgba(0, 142, 137, .2); border-radius: 48% 52% 38% 62%; transform: rotate(18deg); box-shadow: inset 0 0 0 28px rgba(255, 255, 255, .18), inset 0 0 0 58px rgba(0, 142, 137, .06); }
.advantage-card:hover { transform: translateY(-4px); box-shadow: 0 24px 50px rgba(72, 94, 122, .12); }
.advantage-card > * { position: relative; z-index: 1; }
.advantage-card > span { color: #008e89; font-size: 10px; font-weight: 850; letter-spacing: .18em; }
.advantage-card h3 { max-width: 520px; margin: 38px 0 14px; font-size: clamp(25px, 2.1vw, 36px); line-height: 1.15; letter-spacing: -.035em; }
.advantage-card p { max-width: 510px; margin: 0; color: #5f6e7f; line-height: 1.8; }
.advantage-card a { position: absolute; left: 36px; bottom: 32px; display: inline-flex; align-items: center; gap: 9px; color: #006d69; font-weight: 800; font-size: 14px; }
.advantage-card a b { transition: transform .2s; }
.advantage-card a:hover b { transform: translateX(4px); }

.capability-band { display: grid; grid-template-columns: repeat(4, 1fr); padding: 36px max(5vw, 28px); border-top: 1px solid #25262b; border-bottom: 1px solid #25262b; background: #0c0d11; }
.capability-band div { display: grid; gap: 7px; min-height: 90px; align-content: center; padding: 0 28px; border-right: 1px solid #282a31; }
.capability-band div:first-child { padding-left: 0; }
.capability-band div:last-child { border-right: 0; }
.capability-band strong { font-size: clamp(24px, 2.4vw, 40px); letter-spacing: -.035em; color: #fff; }
.capability-band span { color: #7f8794; font-size: 13px; }

.land-cta { text-align: center; padding: 120px 24px; background: radial-gradient(circle at 50% 30%, rgba(37, 244, 238, .15), transparent 27%), radial-gradient(circle at 58% 70%, rgba(254, 44, 85, .13), transparent 28%); }
.land-cta h2 { font-size: clamp(40px, 5vw, 76px); line-height: 1.02; letter-spacing: -.055em; margin: 16px auto 20px; }
.land-cta p { margin: 0 auto 40px; color: #8e95a0; }
.land-cta .solid { display: inline-block; padding: 14px 22px; border-radius: 9px; font-weight: 800; }

footer { min-height: 110px; padding: 28px max(5vw, 28px); display: flex; align-items: center; gap: 24px; border-top: 1px solid #25262b; color: #8f949d; }
footer p { margin-right: auto; }
footer > div { display: flex; flex-wrap: wrap; gap: 18px; }
footer > div a { min-height: 36px; }

.contact-float { position: fixed; right: 22px; bottom: 22px; z-index: 20; display: grid; gap: 2px; padding: 12px 16px; border: 1px solid rgba(37, 244, 238, .65); border-radius: 12px; color: #fff !important; background: #111217 !important; box-shadow: 5px 5px 0 var(--coral); text-decoration: none; }
.contact-float span { color: var(--aqua); font-size: 10px; font-weight: 800; }
.contact-float strong { font-size: 12px; }

@media (max-width: 1100px) {
  header nav { display: none; }
  .hero-viewport { height: 660px; }
  .hero-copy { width: 52%; }
  .hero-shade { background: linear-gradient(90deg, rgba(230, 245, 255, .99) 0%, rgba(230, 245, 255, .94) 34%, rgba(230, 245, 255, .25) 65%, transparent 78%); }
}

@media (max-width: 760px) {
  header { height: 68px; padding: 0 16px; }
  .land-brand small, .land-actions > a:first-child { display: none; }
  .land-actions { margin-left: auto; }
  .land-hero { padding: 18px 12px 36px; }
  .hero-carousel { border-radius: 20px; }
  .hero-viewport { height: 690px; }
  .hero-slide > img { object-position: 70% center; }
  .hero-shade { background: linear-gradient(180deg, rgba(232, 246, 255, 1) 0%, rgba(232, 246, 255, .98) 38%, rgba(232, 246, 255, .54) 59%, rgba(232, 246, 255, .08) 82%); }
  .hero-copy { top: 35px; left: 24px; right: 24px; width: auto; transform: none; }
  .hero-copy h1, .hero-copy h2 { font-size: clamp(40px, 12vw, 58px); margin: 22px 0 16px; }
  .hero-copy > p { font-size: 15px; line-height: 1.65; }
  .hero-actions { margin-top: 23px; }
  .hero-actions a { padding: 10px 13px; }
  .trust { gap: 10px 16px; margin-top: 23px; }
  .hero-controlbar { left: 24px; right: 20px; bottom: 18px; }
  .carousel-progress { display: none; }
  .carousel-arrows button { width: 40px; height: 40px; }
  .platform-intro { grid-template-columns: 1fr; gap: 25px; padding: 78px 20px 38px; }
  .intro-copy { font-size: 16px; }
  .advantage-grid { grid-template-columns: 1fr; padding: 0 20px 72px; }
  .advantage-card { min-height: 290px; padding: 28px; }
  .advantage-card a { left: 28px; bottom: 27px; }
  .capability-band { grid-template-columns: 1fr 1fr; padding: 18px 20px; }
  .capability-band div { min-height: 96px; padding: 18px 16px; border-bottom: 1px solid #282a31; }
  .capability-band div:nth-child(2) { border-right: 0; }
  .capability-band div:nth-child(3), .capability-band div:nth-child(4) { border-bottom: 0; }
  .capability-band div:first-child { padding-left: 16px; }
  .land-cta { padding: 90px 20px; }
  footer { align-items: flex-start; flex-direction: column; padding-bottom: 100px; }
  footer p { margin: 0; }
}

@media (max-width: 430px) {
  .land-actions a { padding: 9px 12px; font-size: 12px; }
  .hero-viewport { height: 660px; }
  .hero-copy h1, .hero-copy h2 { font-size: 39px; }
  .hero-actions { gap: 8px; }
  .hero-actions a { font-size: 12px; }
  .trust span { font-size: 11px; }
  .carousel-dots button { width: 20px; }
  .carousel-dots button.is-active { width: 38px; }
  .advantage-card h3 { font-size: 27px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .hero-slide, .advantage-card, .carousel-arrows button { transition: none; }
  .hero-carousel.is-playing .carousel-progress i { animation: none; transform: scaleX(1); }
}

/* 2026 homepage refresh: cinematic model-first presentation. */
header {
  height: 72px;
  border-color: rgba(255,255,255,.075);
  background: rgba(5,7,10,.82);
  box-shadow: 0 12px 40px rgba(0,0,0,.18);
}
header nav { gap: 34px; font-size: 13px; }
header nav a { position: relative; color: #a9afb9; transition: color .2s ease; }
header nav a::after { content:""; position:absolute; left:4px; right:4px; bottom:2px; height:1px; background:var(--aqua); transform:scaleX(0); transition:transform .2s ease; }
header nav a:hover::after { transform:scaleX(1); }
.land-actions a { border-color:rgba(255,255,255,.10); border-radius:12px; }
.land-actions .solid { box-shadow:none; background:linear-gradient(135deg,#25f4ee,#8efff8)!important; }

.land-hero {
  padding: 28px max(3vw,22px) 70px;
  background:
    radial-gradient(circle at 78% 8%,rgba(56,114,255,.16),transparent 28%),
    radial-gradient(circle at 14% 58%,rgba(37,244,238,.12),transparent 26%),
    #06080b;
}
.hero-carousel {
  width:min(1740px,100%);
  border:1px solid rgba(255,255,255,.10);
  border-radius:32px;
  background:#0a0e14;
  box-shadow:0 45px 120px rgba(0,0,0,.54),inset 0 1px rgba(255,255,255,.06);
}
.hero-viewport { height:clamp(620px,46vw,800px); }
.hero-slide > img { object-position:68% center; filter:saturate(.9) contrast(1.04) brightness(.72); transform:scale(1.015); }
.hero-shade {
  background:
    linear-gradient(90deg,#080b10 0%,rgba(8,11,16,.98) 24%,rgba(8,11,16,.76) 44%,rgba(8,11,16,.12) 72%,rgba(8,11,16,.18) 100%),
    linear-gradient(0deg,rgba(5,7,10,.84),transparent 38%);
}
.hero-copy { left:clamp(38px,6vw,106px); width:min(690px,48%); color:#f6fafb; }
.pill { border-color:rgba(128,255,246,.22); color:#c7dad8; background:rgba(17,28,32,.66); box-shadow:inset 0 1px rgba(255,255,255,.06); }
.hero-copy h1,.hero-copy h2 { max-width:700px; margin:27px 0 24px; font-size:clamp(54px,5.4vw,92px); color:#fff; text-wrap:balance; }
.hero-copy em { color:transparent; background:linear-gradient(100deg,#25f4ee 0%,#b4fff9 48%,#8ea7ff 100%); -webkit-background-clip:text; background-clip:text; text-shadow:none; }
.hero-copy > p { max-width:600px; color:#aab7bc; font-size:clamp(16px,1.2vw,20px); }
.hero-actions { margin-top:34px; }
.hero-actions a { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding-inline:22px; border-color:rgba(255,255,255,.13); border-radius:13px; }
.hero-actions .solid { box-shadow:none; background:linear-gradient(135deg,#25f4ee,#8efff8)!important; }
.hero-actions a:not(.solid) { color:#edf5f5; background:rgba(255,255,255,.055); border-color:rgba(255,255,255,.13); }
.hero-actions a:not(.solid):hover { background:rgba(255,255,255,.10); }
.trust { gap:10px; margin-top:32px; }
.trust span { min-height:35px; padding:0 12px; border:1px solid rgba(255,255,255,.09); border-radius:999px; color:#a6b5b3; background:rgba(10,18,21,.58); backdrop-filter:blur(12px); }
.trust span::before { background:var(--aqua); box-shadow:0 0 10px rgba(37,244,238,.55); }
.hero-controlbar { left:clamp(38px,6vw,106px); bottom:27px; }
.carousel-dots button { background:rgba(255,255,255,.22); }
.carousel-dots button.is-active,.carousel-progress i { background:var(--aqua); }
.carousel-progress { background:rgba(255,255,255,.13); }
.carousel-arrows button { color:#f7ffff; border-color:rgba(255,255,255,.14); background:rgba(8,14,18,.60); }
.carousel-arrows button:hover { background:rgba(37,244,238,.14); }

.platform-intro { padding-top:128px; background:#f6f8f9; }
.section-title h2 { max-width:820px; }
.advantage-grid { background:#f6f8f9; gap:14px; }
.advantage-card { min-height:350px; border-color:rgba(112,130,151,.14); border-radius:26px; box-shadow:0 8px 30px rgba(24,48,71,.045); }
.advantage-card::before { content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(255,255,255,.66),transparent 52%); pointer-events:none; }
.advantage-card h3 { margin-top:48px; }
.capability-band { background:linear-gradient(180deg,#0b0f13,#07090c); }
.capability-band strong { color:#eafffd; }
.land-cta { min-height:540px; display:grid; place-content:center; background:radial-gradient(circle at 50% 40%,rgba(37,244,238,.17),transparent 25%),radial-gradient(circle at 60% 70%,rgba(96,95,255,.12),transparent 26%),#07090c; }
.land-cta .solid { box-shadow:none; border-radius:13px; }

@media (max-width:1100px) {
  .hero-copy { width:58%; }
  .hero-shade { background:linear-gradient(90deg,#080b10 0%,rgba(8,11,16,.96) 40%,rgba(8,11,16,.28) 76%,rgba(8,11,16,.15)); }
}
@media (max-width:760px) {
  .land-hero { padding:12px 10px 42px; }
  .hero-carousel { border-radius:22px; }
  .hero-viewport { height:730px; }
  .hero-slide > img { object-position:68% 78%; filter:saturate(.9) contrast(1.04) brightness(.66); }
  .hero-shade { background:linear-gradient(180deg,#080b10 0%,rgba(8,11,16,.98) 45%,rgba(8,11,16,.57) 70%,rgba(8,11,16,.62) 100%); }
  .hero-copy { top:38px; left:24px; right:24px; width:auto; }
  .hero-copy h1,.hero-copy h2 { font-size:clamp(43px,12vw,60px); }
  .trust span { min-height:31px; padding-inline:10px; }
  .hero-controlbar { left:24px; }
  .platform-intro { padding-top:82px; }
}
/* Seedance-inspired product experience, adapted to TokTesk's real workflow */
.launch-strip{height:34px;display:flex;align-items:center;justify-content:center;gap:32px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,#10272a,#121526,#281327);color:#c6d0da;font-size:12px}.launch-strip span{display:flex;align-items:center;gap:8px}.launch-strip i{width:7px;height:7px;border-radius:50%;background:#25f4ee;box-shadow:0 0 14px #25f4ee}.launch-strip a{color:#fff}.launch-strip b{margin-left:8px;color:#25f4ee}
.landing-generator{max-width:1640px;margin:80px auto 0;padding:0 28px}.section-kicker{color:#25f4ee;font-size:11px;font-weight:800;letter-spacing:.18em}.generator-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:14px 0 30px}.generator-heading h2{max-width:760px;margin:0;color:#fff;font-size:clamp(34px,4vw,62px);line-height:1.04;letter-spacing:-.05em}.generator-heading p{margin:14px 0 0;color:#8993a5}.generator-points{display:flex;gap:10px}.generator-points span{padding:10px 14px;border:1px solid #2c3440;border-radius:99px;color:#cbd2dd;background:#11161e;font-size:12px}
.generator-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(370px,.75fr);overflow:hidden;border:1px solid #262d38;border-radius:28px;background:#0d1118;box-shadow:0 30px 90px rgba(0,0,0,.35)}.generator-console{padding:30px;border-right:1px solid #262d38}.console-head{display:flex;align-items:center;justify-content:space-between}.console-head>div{display:grid;gap:5px}.console-head span{color:#25f4ee;font-size:10px;font-weight:800;letter-spacing:.14em}.console-head strong{color:#fff;font-size:24px}.console-live{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #26463f;border-radius:99px;background:#10211f}.console-live i{width:6px;height:6px;border-radius:50%;background:#25f4aa}
.demo-modes{display:flex;gap:8px;margin:26px 0 14px;padding:5px;border:1px solid #282f39;border-radius:12px;background:#090d13}.demo-modes button{flex:1;padding:10px;border:0;border-radius:8px;background:transparent;color:#7f8999;cursor:pointer}.demo-modes button.active{background:#1b222d;color:#fff;box-shadow:inset 0 0 0 1px #303a49}.demo-prompt{display:grid;gap:10px}.demo-prompt>span{display:flex;justify-content:space-between;color:#dce2eb;font-size:13px;font-weight:700}.demo-prompt small{color:#687386;font-weight:500}.demo-prompt textarea{min-height:180px;resize:vertical;padding:18px;border:1px solid #2d3541;border-radius:14px;outline:0;background:#080c12;color:#f5f7fa;font:inherit;line-height:1.7}.demo-prompt textarea:focus{border-color:#25d9d3;box-shadow:0 0 0 3px rgba(37,244,238,.08)}.demo-upload{display:flex;align-items:center;gap:13px;margin-top:14px;padding:15px;border:1px dashed #34504f;border-radius:13px;background:rgba(37,244,238,.035);cursor:pointer}.upload-plus{display:grid;width:35px;height:35px;place-items:center;border-radius:9px;background:#17272a;color:#25f4ee;font-size:20px}.demo-upload>span:nth-child(3){display:grid;gap:4px;flex:1;color:#dce3eb}.demo-upload>span span{color:#778394;font-size:11px}.demo-upload>b{padding:8px 11px;border:1px solid #34404d;border-radius:8px;color:#fff;font-size:11px}.demo-settings{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.demo-settings label{display:grid;gap:7px;color:#8792a3;font-size:11px}.demo-settings select{height:42px;padding:0 12px;border:1px solid #2c3541;border-radius:9px;background:#090d13;color:#fff}.demo-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px -30px -30px;padding:20px 30px;border-top:1px solid #262e38;background:#0a0e14}.demo-submit>div{display:flex;align-items:baseline;gap:10px}.demo-submit small,.demo-submit span{color:#788494;font-size:10px}.demo-submit strong{color:#fff;font-size:20px}.demo-submit button{height:46px;padding:0 20px;border:0;border-radius:11px;background:linear-gradient(90deg,#25f4ee,#78f4ed);color:#061012;font-weight:800;cursor:pointer}.demo-submit button:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(37,244,238,.2)}
.generator-preview{display:flex;min-width:0;flex-direction:column;padding:30px;background:radial-gradient(circle at 50% 15%,rgba(37,244,238,.11),transparent 40%),#090d14}.preview-top,.preview-foot{display:flex;justify-content:space-between;color:#b8c0cd;font-size:12px}.preview-top small{display:flex;align-items:center;gap:6px;color:#7e8998}.preview-top i{width:6px;height:6px;border-radius:50%;background:#25f4ee}.preview-screen{position:relative;overflow:hidden;flex:1;min-height:470px;margin:18px 0;border:1px solid #303846;border-radius:20px;background:#111}.preview-screen img,.preview-screen video{width:100%;height:100%;object-fit:cover}.preview-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(3,6,10,.83))}.preview-play{position:absolute;z-index:2;left:50%;top:48%;display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:rgba(5,8,13,.43);backdrop-filter:blur(9px);transform:translate(-50%,-50%);color:#fff}.preview-caption{position:absolute;z-index:2;left:20px;bottom:18px;display:grid;gap:5px}.preview-caption small{color:#25f4ee}.preview-caption strong{color:#fff;font-size:19px}.preview-foot{color:#6f7b8d;font-size:10px}
.output-proof{max-width:1640px;margin:110px auto 0;padding:0 28px}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.proof-grid article{position:relative;min-height:240px;padding:28px;border:1px solid #252c36;border-radius:20px;background:linear-gradient(145deg,#111720,#0b0f15)}.proof-grid b{position:absolute;right:22px;top:18px;color:#242d3a;font-size:58px}.proof-grid span{color:#25f4ee;font-size:10px;letter-spacing:.14em}.proof-grid h3{margin:68px 0 12px;color:#fff;font-size:23px}.proof-grid p{max-width:360px;color:#8792a3;line-height:1.7}.spec-board{max-width:1584px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;margin:100px auto;padding:54px;border:1px solid #29313d;border-radius:26px;background:radial-gradient(circle at 85% 10%,rgba(83,92,255,.16),transparent 35%),#10151d}.spec-board>div>span{color:#25f4ee;font-size:10px;letter-spacing:.15em}.spec-board h2{margin:14px 0;color:#fff;font-size:42px;line-height:1.1}.spec-board p{color:#8a95a5;line-height:1.7}.spec-board a{display:inline-block;margin-top:18px;color:#25f4ee}.spec-board dl{display:grid;grid-template-columns:repeat(2,1fr);margin:0}.spec-board dl div{display:grid;place-content:center;padding:28px;border:1px solid #29313d}.spec-board dt{color:#fff;font-size:35px;font-weight:800}.spec-board dd{margin:7px 0 0;color:#7f8b9c;font-size:12px}
@media(max-width:1000px){.launch-strip{display:none}.generator-shell{grid-template-columns:1fr}.generator-console{border-right:0;border-bottom:1px solid #262d38}.preview-screen{min-height:420px}.generator-heading{align-items:flex-start;flex-direction:column}.spec-board{grid-template-columns:1fr}.proof-grid{grid-template-columns:1fr}.demo-settings{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.landing-generator,.output-proof{padding:0 16px;margin-top:55px}.generator-console,.generator-preview{padding:20px}.generator-shell{border-radius:20px}.generator-heading h2{font-size:35px}.generator-points{flex-wrap:wrap}.demo-settings{grid-template-columns:1fr 1fr}.demo-submit{align-items:stretch;flex-direction:column;margin:22px -20px -20px;padding:18px 20px}.preview-screen{min-height:380px}.spec-board{margin:60px 16px;padding:28px 20px}.spec-board h2{font-size:32px}.spec-board dl{grid-template-columns:1fr 1fr}.spec-board dt{font-size:26px}}
.language-switch{height:40px;padding:0 13px;border:1px solid #29313a;border-radius:10px;background:#0d1117;color:#dce3ed;cursor:pointer}.language-switch:hover{border-color:#25d9d3;color:#25f4ee}
.language-control{position:relative}.language-switch{min-width:92px}.language-switch:after{content:"⌄";margin-left:8px;color:#758195}.language-panel[hidden]{display:none}.language-panel{position:absolute;z-index:80;right:0;top:50px;width:500px;padding:12px;border:1px solid #343b54;border-radius:16px;background:rgba(17,17,24,.98);box-shadow:0 25px 80px rgba(0,0,0,.55);backdrop-filter:blur(22px)}.language-panel-head{display:flex;align-items:center;justify-content:space-between;padding:5px 8px 10px;color:#fff}.language-panel-head button{width:34px;height:34px;border:0;border-radius:8px;background:#242733;color:#fff;font-size:20px;cursor:pointer}.language-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.language-grid button{display:flex;min-height:48px;align-items:center;justify-content:space-between;padding:0 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#d9dbe4;font-weight:650;text-align:left;cursor:pointer}.language-grid button:hover{background:#242530}.language-grid button.active{border-color:#4a5278;background:#323445;color:#fff}.language-grid button span{visibility:hidden;color:#8ca8ff}.language-grid button.active span{visibility:visible}@media(max-width:620px){.language-panel{position:fixed;left:12px;right:12px;top:76px;width:auto;max-height:calc(100vh - 95px);overflow:auto}.language-grid{grid-template-columns:1fr}}
/* Accessible pointer targets across desktop and touch layouts */
.launch-strip a,.spec-board a,.advantage-card>a{display:inline-flex;min-height:32px;align-items:center}
.carousel-dots button{position:relative;min-width:28px;min-height:28px;border:0;background:transparent;cursor:pointer}
.carousel-dots button:after{content:"";position:absolute;left:50%;top:50%;width:100%;height:5px;border-radius:99px;background:currentColor;transform:translate(-50%,-50%)}

.hero-slide>.hero-video{position:absolute!important;inset:0!important;display:block;width:100%!important;max-width:none!important;height:100%!important;object-fit:cover!important;object-position:center center!important;transform:none!important;background:#070a0f}.hero-slide{overflow:hidden}.hero-slide .hero-copy{position:relative;z-index:3;max-width:min(720px,62%)}
.hero-slide[data-index="0"] .hero-shade{background:linear-gradient(180deg,rgba(3,7,12,.2),rgba(3,7,12,.35) 46%,rgba(3,7,12,.54)),radial-gradient(circle at center,transparent 15%,rgba(2,5,9,.38) 92%)}.hero-slide[data-index="0"] .hero-copy{left:50%;top:50%;width:min(820px,86%);max-width:none;align-items:center;transform:translate(-50%,-50%);text-align:center}.hero-slide[data-index="0"] .hero-copy h1{max-width:none;margin:18px auto 12px;font-size:clamp(44px,5vw,76px);line-height:1.02}.hero-slide[data-index="0"] .hero-copy h1 em{display:inline;color:#fff;background:none;-webkit-text-fill-color:initial}.hero-slide[data-index="0"] .hero-copy p{max-width:720px;margin:0 auto;color:#e1e5ec}.hero-slide[data-index="0"] .hero-actions,.hero-slide[data-index="0"] .trust{justify-content:center}.hero-slide[data-index="0"] .hero-actions a.solid{background:linear-gradient(90deg,#25f4ee,#7b61ff);box-shadow:0 14px 35px rgba(37,244,238,.18)}
@media(max-width:620px){.hero-slide[data-index="0"] .hero-copy{top:47%;width:88%}.hero-slide[data-index="0"] .hero-copy h1{font-size:42px}.hero-slide[data-index="0"] .hero-copy p{font-size:14px}.hero-slide[data-index="0"] .trust{justify-content:flex-start;overflow:auto;width:100%}}

/* TokTesk editorial creator palette */
:root{--aqua:#20e7e2;--coral:#ff2d68;--ink:#071018}
header{height:78px;border-color:#242b35;background:rgba(5,7,11,.9);box-shadow:0 12px 40px rgba(0,0,0,.2)}
.land-brand b{background:var(--aqua);box-shadow:5px 5px 0 var(--coral);font-weight:950}
.land-brand span{font-size:17px}.land-brand small{margin-top:2px;color:#9aa4b2}
.solid{border-radius:12px!important;background:var(--aqua)!important;box-shadow:4px 4px 0 var(--coral);transition:transform .18s ease,box-shadow .18s ease}
.solid:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--coral)}
.land-hero{padding-top:34px;background:radial-gradient(circle at 12% 25%,rgba(32,231,226,.12),transparent 24%),radial-gradient(circle at 90% 65%,rgba(255,45,104,.08),transparent 22%),#05070b}
.hero-carousel{border:1px solid #29323e;border-radius:30px;box-shadow:0 42px 130px rgba(0,0,0,.5)}
.hero-copy h1,.hero-copy h2{font-weight:950;text-wrap:balance}
.hero-copy em{color:var(--aqua);text-shadow:3px 3px 0 rgba(255,45,104,.35)}
.hero-slide[data-index="0"] .hero-copy h1{font-weight:950;letter-spacing:-.065em;text-shadow:0 10px 42px rgba(0,0,0,.4)}
.pill{border-color:rgba(32,231,226,.38);background:rgba(5,10,15,.62);color:#d9fffc}
.pill i{background:var(--aqua)}
.trust span{min-height:32px;padding:0 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(5,8,13,.48);color:#d7dce5;backdrop-filter:blur(10px)}
.landing-generator,.output-proof{position:relative}
.landing-generator:before,.output-proof:before{content:"";position:absolute;left:28px;top:-25px;width:74px;height:7px;border-radius:99px;background:linear-gradient(90deg,var(--coral) 0 56%,var(--aqua) 56%)}
.generator-shell{border-color:#303947;box-shadow:0 35px 110px rgba(0,0,0,.45)}
.demo-modes button.active{background:linear-gradient(100deg,var(--aqua),#72f6ef);color:#061012;box-shadow:none;font-weight:850}
.demo-upload:hover{border-color:var(--aqua);background:rgba(32,231,226,.07)}
.demo-submit button{background:linear-gradient(100deg,var(--aqua),#6ff5ee);box-shadow:4px 4px 0 var(--coral);font-weight:900}
.preview-screen{box-shadow:0 25px 60px rgba(0,0,0,.36)}
.proof-grid article{border-radius:22px;box-shadow:0 22px 65px rgba(0,0,0,.2);transition:transform .22s ease,border-color .22s ease}
.proof-grid article:hover{transform:translateY(-5px);border-color:rgba(32,231,226,.48)}
.proof-grid article:nth-child(2){background:linear-gradient(145deg,#111720,#11121a)}
.proof-grid article:nth-child(3){background:linear-gradient(145deg,#15131b,#0b0f15)}
.spec-board{border-radius:28px;background:radial-gradient(circle at 85% 10%,rgba(32,231,226,.12),transparent 28%),radial-gradient(circle at 65% 95%,rgba(255,45,104,.1),transparent 27%),#0f141c;box-shadow:0 35px 100px rgba(0,0,0,.35)}
.platform-intro,.advantage-grid{background:#f4f6f8}
.advantage-card{border:1px solid #e0e5eb;border-radius:24px;background:#fff!important;box-shadow:0 18px 48px rgba(20,33,50,.08)}
.advantage-card:before{content:"";position:absolute;left:34px;top:27px;width:48px;height:5px;border-radius:99px;background:linear-gradient(90deg,var(--aqua),var(--coral))}
.advantage-card:hover{transform:translateY(-6px);border-color:rgba(32,231,226,.55);box-shadow:0 28px 70px rgba(20,33,50,.14)}
.advantage-card>span{display:block;margin-top:18px;color:#008d89}
.advantage-card a{color:#067f7b}
.capability-band{background:linear-gradient(100deg,#080b10,#10141c 55%,#111019)}
.capability-band strong{font-weight:950}.capability-band div:nth-child(2) strong{color:var(--aqua)}.capability-band div:nth-child(4) strong{color:#ff6b91}
.land-cta{background:radial-gradient(circle at 44% 25%,rgba(32,231,226,.17),transparent 25%),radial-gradient(circle at 62% 76%,rgba(255,45,104,.13),transparent 27%),#05070b}
.land-cta h2{font-weight:950;text-wrap:balance}
.language-panel{border-color:#303a47;background:rgba(8,11,16,.97);box-shadow:0 32px 100px rgba(0,0,0,.6)}
.language-grid button.active{border-color:var(--aqua);background:rgba(32,231,226,.12);color:#fff}
.language-grid button.active span{color:var(--aqua)}
.contact-float{border-radius:14px;background:#0d1118!important;box-shadow:5px 5px 0 var(--coral)}
@media(max-width:760px){header{height:68px}.hero-carousel{border-radius:22px}.landing-generator:before,.output-proof:before{left:16px}.advantage-card{border-radius:20px}}

/* Campaign hero: editorial copy on the left, creator proof on the right */
.hero-slide[data-index="0"] .hero-shade{background:linear-gradient(90deg,rgba(3,6,10,.98) 0%,rgba(3,6,10,.92) 29%,rgba(3,6,10,.5) 48%,rgba(3,6,10,.06) 70%),linear-gradient(180deg,rgba(3,6,10,.08),rgba(3,6,10,.3))}
.hero-slide[data-index="0"] .hero-copy{left:clamp(34px,5vw,88px);top:50%;width:min(610px,42%);max-width:610px;align-items:flex-start;transform:translateY(-50%);text-align:left}
.hero-slide[data-index="0"] .hero-copy h1{margin:22px 0 18px;font-size:clamp(46px,4.6vw,76px);line-height:.98}
.hero-slide[data-index="0"] .hero-copy h1 em{display:inline;color:var(--aqua);text-shadow:3px 3px 0 rgba(255,45,104,.4)}
.hero-slide[data-index="0"] .hero-copy p{max-width:560px;margin:0;color:#d7dee8}
.hero-slide[data-index="0"] .hero-actions,.hero-slide[data-index="0"] .trust{justify-content:flex-start}
@media(max-width:760px){.hero-slide[data-index="0"]>img{object-position:64% center;filter:saturate(.95) contrast(1.03) brightness(.78)}.hero-slide[data-index="0"] .hero-shade{background:linear-gradient(180deg,rgba(3,6,10,.96) 0%,rgba(3,6,10,.88) 44%,rgba(3,6,10,.36) 72%,rgba(3,6,10,.55) 100%)}.hero-slide[data-index="0"] .hero-copy{left:24px;right:24px;top:34px;width:auto;max-width:none;transform:none}.hero-slide[data-index="0"] .hero-copy h1{font-size:clamp(40px,11vw,56px)}.hero-slide[data-index="0"] .trust{justify-content:flex-start}}
.land-brand b{overflow:hidden;color:transparent!important;background:transparent url('/toktesk-mark.svg') center/contain no-repeat!important;box-shadow:none!important;border-radius:0!important}